html, body {box-sizing: border-box;color:#000;}
img{pointer-events: none;}
body {overflow-y:scroll;background:#071e4a;}
*,*:before,*:after {box-sizing: inherit;}
a{color:#3679B8;}
header {display:block;background:#083b6c;min-height:90px;position:relative;box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);z-index:10;position:fixed;top:0;left:0;right:0;z-index:20;}
header .header-top {min-height: 90px}
content {display:block;padding:90px 0 20px 0;background:#135492}
content.red{background:#ef3701}
.cc {position:relative;max-width:1460px;padding:0 10px;margin:auto}
.cc.larger{max-width:1720px}
.cc.small {max-width:800px}
.cc.smaller{max-width:900px}
.tc{text-align:center}
.logo {display:block;float:left;padding-top:20px;padding-bottom:10px}
.logo img {display:block;height:100%;}
header nav, header .search-btns {display:block;float:right;padding:0}
@media all and (max-width:1100px)
{
header nav{display:none;}
}
nav a, nav div.ddl-holder {display:block;float:left;margin:0;padding:30px 17px 30px 17px;font:normal normal bold 14px/30px 'Jura',Arial;color:#72b8fa;
text-decoration:none;text-transform:uppercase;border-left:solid 1px transparent;border-right:solid 1px transparent;transition:0.3s;}
nav a.light {font-weight:600;color:#999;}
nav a:hover, nav div.ddl-holder:hover {color:#fff;transition:0.3s;}
nav a.active {background:#135492;border-left-color:#135492;border-right-color:#135492;color:#fff;transition:0.3s;}
nav a#Promos.active{background:#ef3701;border-left-color:#ef3701;border-right-color:#ef3701;}
nav div.ddl-holder {position:relative}
nav div.ddl-holder a {margin:0;padding:0 10px 0 0;}
nav div.ddl-holder .dropdown {display:none;float:none;background:#fff;position:absolute;top:62px;left:0px;width:auto;box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1); z-index:1}
nav div.ddl-holder .dropdown a {float:none;padding:10px 15px;border-bottom:1px solid #d6d6d6;white-space:nowrap}
.banner-holder {position:relative;min-height:400px;color:#fff;border-radius:5px;}
.auction-counter {
background: rgb(255,124,45);
background: -moz-linear-gradient(top, rgb(255,124,45) 0%, rgb(229,98,19) 100%);
background: -webkit-linear-gradient(top, rgb(255,124,45) 0%,rgb(229,98,19) 100%);
background: linear-gradient(to bottom, rgb(255,124,45) 0%,rgb(229,98,19) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c2d', endColorstr='#e56213',GradientType=0 );border-radius:5px;}
.calendar-header {background: rgb(229,98,19);
background: -moz-linear-gradient(top, rgba(229,98,19,1) 0%, rgba(203,72,0,1) 100%);background: -webkit-linear-gradient(top, rgba(229,98,19,1) 0%,rgba(203,72,0,1) 100%);background: linear-gradient(to bottom, rgba(229,98,19,1) 0%,rgba(203,72,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56213', endColorstr='#cb4800',GradientType=0 );
color:#fff;border-radius:5px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.auction-counter .title {color:#fff;padding:30px 0 0 0;font:normal normal normal 30px/33px Roboto,Arial;}
.calendar-header .title {padding:15px 10px 0 15px;font:normal normal normal 14px/22px Roboto,Arial;}
.auction-counter, .calendar-header .calendar-header-content {
padding:0 15px 0 15px;
height:100%;
}
.auction-counter{
padding-bottom:19px;
}
.auction-counter .overlay-content .overlay-section-holder, .calendar-header .calendar-header-section-holder {
display:table;
width:100%;
}
.auction-counter .overlay-content .overlay-section, .calendar-header .calendar-header-section {
font-family:Roboto;
color:#fff;
display:table-row;
width:100%;
}
.calendar-header .calendar-header-section .date-line{
font-size:18px;
line-height:24px;
font-weight:bold;
text-transform:uppercase;
}
.time-line{
padding:5px 0 10px;
}
.home-box .time-line{
padding-bottom:0px;
}
.auction-counter .overlay-content .overlay-section::after, .calendar-header .calendar-header-section::after {
display:block;
content:'';
float:none;
clear:both;}
.auction-counter .overlay-content .overlay-section .part, .calendar-header .calendar-header-section .part, .time-section .part {
display:table-cell;
border-bottom:1px solid rgba(255,255,255,0.3);
padding:7px 0 5px 0;
vertical-align:bottom;
}
.time-section::after {
display:block;
content:'';
float:none;
clear:both;
}
.time-section .part {
border-bottom:none;
}
.time-section .part.left {
float:left;
}
.time-section .part.right {
float:right;
padding-top:16px;
}
@media all and (max-width:750px){
.time-section .part.left {
display:block;
float:none;
}
.time-section .part.right {
display:block;
float:none;
padding-top:0;
}
}
.calendar-header .calendar-header-section .part, .time-section .part {
padding:10px 0 20px 0;
}
.auction-counter .overlay-content .overlay-section .part .inner-part, .calendar-header .calendar-header-section .inner-part {
display:inline-block;
white-space:nowrap;
text-align:left;
}
.auction-counter .overlay-content .overlay-section .txt-xl, .calendar-header .calendar-header-section .txt-xl, .time-section .txt-xl, .card.orange .home-box .time-line .txt-xl{
font:normal normal 500 30px/42px Roboto,Arial;
}
.auction-counter .overlay-content .overlay-section .txt-l, .calendar-header .calendar-header-section .txt-l, .time-section .txt-l, .card.orange .home-box .time-line .txt-l {
font:normal normal 500 30px/27px Roboto,Arial;
}
@media all and (min-width:1250px)
{
.calendar-header .calendar-header-section .txt-l, .time-section .txt-l, .card.orange .home-box .time-line .txt-l {
font:normal normal 500 36px/36px Roboto,Arial;
}
}
.auction-counter .overlay-content .overlay-section .txt-m, .calendar-header .calendar-header-section .txt-m, .time-section .txt-m, .card.orange .home-box .time-line .txt-m{
font:normal normal 500 12px/14px Roboto,Arial;
display:block;
}
.auction-counter .overlay-content .overlay-section .txt-s, .calendar-header .calendar-header-section .txt-s, .time-section .txt-s,, .card.orange .home-box .time-line .txt-s{
font:normal normal normal 12px/14px Roboto,Arial;
display:block;
}
.auction-counter .overlay-content .overlay-section .txt-xs, .calendar-header .calendar-header-section .txt-xs, .time-section .txt-xs, .card.orange .home-box .time-line .txt-xs{
font:normal normal normal 11px/14px Roboto,Arial;
display:block;
text-transform:none;
}
.calendar-header .calendar-header-section .txt-xs, .time-section .txt-xs, .card.orange .home-box .time-line .txt-xs{
font:normal normal normal 11px/14px Roboto,Arial;
display:block;
text-transform:uppercase;
}
.uc {
text-transform:uppercase;
}
.tr {
text-align:right;
}
.tc {
text-align:center;
}
.time-part {
display:inline-block;
padding-left:9px;
}
.time-part:first-child {
padding:0;
}
.time-part.day{
padding-right:10px;
}
.banner-holder .banner {
position:relative;
}
.banner-holder img {
display:block;
height:100%;
}
.banner-holder .banner .nav-bar {
position:absolute;
bottom:0;
left:0;
right:0;
z-index:1;
height:53px;
text-align:center;
font:normal normal normal 20px/53px 'Jura',Arial;
color:#fff;
background:rgba(0,0,0,0.3);
}
.banner-holder .banner .nav-bar .nav-prev {
position:absolute;
top:0;
left:0;
height:53px;
padding-left:20px;
width:50%;
font-size:30px;
line-height:53px;
text-align:left;
color:#fff;
text-decoration:none;
}
.banner-holder .banner .nav-bar .nav-next {
position:absolute;
top:0;
right:0;
height:53px;
padding-right:20px;
width:50%;
font-size:30px;
line-height:53px;
text-align:right;
color:#fff;
text-decoration:none;
}
h1, h2.big {margin:0;font:normal normal normal 36px/40px 'Jura',Arial;color:#fff;padding:30px 0;position:relative;text-transform:uppercase;}
h1 .pull-right, h2.big .pull-right{position:absolute;top:35px;right:0;}
h1 .pull-right .car-nav, h2.big .pull-right .car-nav{padding:0;}
h1.orange {font:normal normal normal 50px/46px 'Jura',Arial;color:#f68620;padding:60px 0 30px 0;}
h1.orange strong {display:block;}
h1.blue {font:normal normal 500 40px/46px 'Jura',Arial;color:#135492;padding:20px 0 25px 0;}
h1.blue.np{padding:0;}
h2, .blue-gradient .card h2 {margin:0;font:normal normal normal 24px/32px 'Roboto',Arial;color:#135492;padding:7px 0;text-transform:none;}
h2.underline{font-size:24px;border-bottom:1px solid #d6d6d6;}
.card-title h2{
font:normal normal 500 20px/24px 'Jura',Arial;
color:#444;
font-family:'Roboto';
font-weight:normal;
}
.small h2{
font:normal normal 500 16px/26px 'Roboto',Arial;
color:#444;
padding:32px 0 15px 0;
text-transform:uppercase;
}
h3 {
margin:0;
font:normal normal normal 18px/25px 'Roboto',Arial;
color:#222;
padding:10px 0 19px 0;
}
.card h3 {
margin:0;
font-size:16px;
line-height:22px;
font-weight:500;
color:#444;
padding:4px 0 4px 0;
}
.card.orange h1,.card.blue h1, .card.orange h2,.card.blue h2{font:normal normal normal 30px/36px 'Jura',Arial;text-transform:uppercase;color:#fff;padding:0;margin:0;}
.card.orange h1 strong,.card.blue h1 strong, .card.orange h2 strong,.card.blue h2 strong{display:block;font:normal normal bold 36px/40px 'Jura',Arial;}
p {margin:0;font:normal normal normal 14px/24px 'Roboto',Arial;color:#444;padding:0 0 24px 0;}
li{font:normal normal normal 14px/24px 'Roboto',Arial;color:#444;}
p + ul, p + ol{margin-top:-20px;}
.p25{padding:0 25px;}
.p5{padding:5px;}
.neg10{margin:0 -10px;}
.tc p {max-width:880px;margin:auto;}
.cta {display:inline-block;padding:15px 25px;font:normal normal 500 16px/22px 'Roboto',Arial;color:#fff;text-decoration:none;text-transform:uppercase;background: rgb(54,121,184);background: -moz-linear-gradient(top, rgba(54,121,184,1) 0%, rgba(28,95,158,1) 100%);background: -webkit-linear-gradient(top, rgba(54,121,184,1) 0%,rgba(28,95,158,1) 100%);background: linear-gradient(to bottom, rgba(54,121,184,1) 0%,rgba(28,95,158,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3679b8', endColorstr='#1c5f9e',GradientType=0 );border-radius:5px;margin-bottom:30px;transition:0.3s;}
.cta:hover {background: rgb(54,121,184);background: -moz-linear-gradient(top, rgba(54,121,184,1) 0%, rgba(54,121,184,1) 100%);background: -webkit-linear-gradient(top, rgba(54,121,184,1) 0%,rgba(54,121,184,1) 100%);background: linear-gradient(to bottom, rgba(54,121,184,1) 0%,rgba(54,121,184,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3679b8', endColorstr='#3679b8',GradientType=0 );transition:0.3s;}
.cta.green {background: #08c880;background: -moz-linear-gradient(top, #08c880 0%, #00ae66 100%);background: -webkit-linear-gradient(top, #08c880 0%,#00ae66 100%);background: linear-gradient(to bottom, #08c880 0%,#00ae66 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08c880', endColorstr='#00ae66',GradientType=0 );}
.cta.orange {background:#f27021;background: -moz-linear-gradient(top, #ff7c2d 0%, #e66314 100%);background: -webkit-linear-gradient(top, #ff7c2d 0%,#e66314 100%);background: linear-gradient(to bottom, #ff7c2d 0%,#e66314 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c2d', endColorstr='#e66314',GradientType=0 );}
.link-grey, .cta.no-bg{
display:inline-block;
padding:19px 30px;
font:normal normal 500 16px/22px 'Roboto',Arial;
background:none;
color:#999;
text-transform:none;
text-decoration:underline;
}
.cta.light, .actions .cta{
padding:12px 24px;
border:1px solid #e6e6e6;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(230,230,230) 100%);
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(230,230,230) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(230,230,230) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
color:#777;
transition:0.3s;
}
.card-header .cta{font-size:12px;line-height:21px;margin:0;padding:4px 12px;}
.actions .cta.buy{
padding:13px 24px;
background: rgb(255,87,34);
background: -moz-linear-gradient(top, rgba(255,87,34,1) 0%, rgba(230,62,9,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,87,34,1) 0%,rgba(230,62,9,1) 100%);
background: linear-gradient(to bottom, rgba(255,87,34,1) 0%,rgba(230,62,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5722', endColorstr='#e63e09',GradientType=0 );
color:#fff;
border:none;
border-radius:0;
}
.actions .cta.blue{
padding:13px 24px;
background: rgb(54,145,212);
background: -moz-linear-gradient(top, rgba(54,121,184,1) 0%, rgba(28,95,158,1) 100%);
background: -webkit-linear-gradient(top, rgba(54,121,184,1) 0%,rgba(28,95,158,1) 100%);
background: linear-gradient(to bottom, rgba(54,121,184,1) 0%,rgba(28,95,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3679b8', endColorstr='#1c5f9e',GradientType=0 );
color:#fff;
border:none;
border-radius:0;
}
.actions .cta.first.blue, .actions .cta.first.buy{
border-bottom-left-radius:4px;
}
.actions .cta.blue em{font-style:normal}
.actions .cta:hover{
background: #f68620;
background: -moz-linear-gradient(top, #f68620 0%, #dc6c06 100%);
background: -webkit-linear-gradient(top, #f68620 0%,#dc6c06 100%);
background: linear-gradient(to bottom, #f68620 0%,#dc6c06 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68620', endColorstr='#dc6c06',GradientType=0 );
transition:0.3s;
color:#fff;
border:1px solid #f68620;
}
.actions .cta.buy:hover{
background: rgb(255,87,34);
background: -moz-linear-gradient(top, rgba(255,87,34,1) 0%, rgba(255,87,34,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,87,34,1) 0%,rgba(255,87,34,1) 100%);
background: linear-gradient(to bottom, rgba(255,87,34,1) 0%,rgba(255,87,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5722', endColorstr='#ff5722',GradientType=0 );
border:none;
transition:1s;
}
.actions .cta.blue:hover {
background: rgb(54,121,184);
background: -moz-linear-gradient(top, rgba(54,121,184,1) 0%, rgba(54,121,184,1) 100%);
background: -webkit-linear-gradient(top, rgba(54,121,184,1) 0%,rgba(54,121,184,1) 100%);
background: linear-gradient(to bottom, rgba(54,121,184,1) 0%,rgba(54,121,184,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3679b8', endColorstr='#3679b8',GradientType=0 );
transition:0.3s;
border:none;
}
.control-group .cta{
margin-bottom:0;
margin-top:10px;
}
.link-grey:hover, .cta.no-bg:hover{
color:#333;
box-shadow: none;
transition:0.3s;
}
footer:before {
content:'';
display:block;
position:absolute;
top:-10px;
left:0;
right:0;
height:10px;
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);
}
footer {
padding-top:30px;
padding-bottom:50px;
position:relative;
background: rgb(7,30,74);
background: -moz-linear-gradient(top, rgba(7,30,74,1) 0%, rgba(7,30,74,1) 100%);
background: -webkit-linear-gradient(top, rgba(7,30,74,1) 0%,rgba(7,30,74,1) 100%);
background: linear-gradient(to bottom, rgba(7,30,74,1) 0%,rgba(7,30,74,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071e4a', endColorstr='#071e4a',GradientType=0 );
}
footer h4 {
font:normal normal 500 13px/22px 'Roboto',Arial;
text-transform:uppercase;
color:#bbe2f0;
padding-bottom:17px;
padding-top:10px;
}
footer .card.orange h4{
font:normal normal bold 18px/22px 'Jura',Arial;
text-transform:uppercase;
color:#fff;
padding-bottom:12px;
padding-top:0;
}
footer p {
font:normal normal 300 13px/30px 'Roboto',Arial;
color:#bbe2f0;
}
footer a {
color:#bbe2f0;
}
footer .smaller p {
line-height:20px;
padding:4px 0 6px;
}
footer .g10 {
height:100%;
padding:0 10px 0 10px;
border-right:1px solid rgba(29,132,181,0.5);
}
footer .g10.smaller {
border-right:none;
}
footer .social {
border-top:1px solid rgba(29,132,181,0.5);
}
footer .social a {
display:block;
border-bottom:1px solid rgba(29,132,181,0.5);
font:normal normal 300 13px/23px 'Roboto',Arial;
text-transform:uppercase;
padding:18px 0 18px 0;
text-decoration:none;
}
footer .social a i {
padding-right:10px;
}
.row.g10 {
margin:0 -10px 0 -10px;
}
.p10 {
padding:10px;
}
.p20 {
padding:20px;
}
.p6perc {
padding:6%;
min-height: 222px;
position:relative;
}
.align-bottom{
position: absolute;
left: 6%;
bottom: 6%;
font-size:14px;
font-weight:normal;
}
.card.auction-info,.card.stock-info {
display:flex;
padding-bottom:90px;
align-items:center;
}
.align-middle .sub-align{
font-size:12px;
text-transform:uppercase;
}
.align-bottom .date-line,.align-middle .date-line{
text-transform:uppercase;
font-size:20px;
font-weight:bold;
}
.p10.npt{
padding-top:0;
}
.p10.npt h2{
padding-top:20px;
}
.g5{
margin-left:-5px;
margin-right:-5px;
}
.side-menu, .car-list {
background:#f9f9fb;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
border-radius:5px;
overflow:hidden;
}
.side-menu a {
display:block;
font:normal normal 500 13px/24px 'Roboto',Arial;
text-transform:uppercase;
color:#777;
border-bottom:1px solid #e2e6e9;
padding:13px 10px 13px 12px;
text-decoration:none;
transition:0.3s;
}
.side-menu a:hover, .side-menu a.active {
transition:0.3s;
color:#2c94d4;
background:#fff;
}
.side-menu a:last-child {
border-bottom:none;
}
.side-menu a i {
font-size:13px;
line-height:24px;
width:15px;
}
.calendar {
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
border-radius:5px;
}
.calendar-body {
background:#fff;
padding:8px 22px 11px 22px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.calendar .ui-datepicker-inline
{
width:100%;
background:#fff;
position:relative;
color:#222;
}
.calendar .ui-datepicker-prev,.calendar .ui-datepicker-next {
position:absolute;
top:0;
left:0;
width:24px;
height:33px;
text-align:center;
cursor:pointer;
}
.calendar .ui-datepicker-next {
left:auto;
right:0;
}
.calendar .ui-datepicker-prev::after {
font-family:Material-Design-Iconic-Font;
font-size:16px;
line-height:33px;
content:"\f2fa";
color:#666;
}
.calendar .ui-datepicker-next::after {
font-family:Material-Design-Iconic-Font;
font-size:16px;
line-height:33px;
content:"\f2fb";
color:#666;
}
.calendar .ui-datepicker-prev span, .calendar .ui-datepicker-next span {
display:none;
}
.calendar .ui-datepicker-title {
font:normal normal normal 13px/23px 'Roboto',Arial;
text-transform:uppercase;
color:#444;
padding:5px 24px 5px 24px;
text-align:center;
}
.calendar .ui-datepicker-calendar {
width:100%;
}
.calendar .ui-datepicker-calendar td,.calendar .ui-datepicker-calendar th {
width:14.29%;
text-align:center;
font:normal normal 300 12px/26px 'Roboto',Arial;
min-height:26px;
vertical-align:middle;
}
.calendar .ui-datepicker-calendar thead td, .ui-datepicker-calendar thead th {
font:normal normal normal 11px/26px 'Roboto',Arial;
color:#f68620;
text-transform:uppercase;
}
.calendar .ui-datepicker-calendar td a {
text-decoration:none;
color:#222;
}
.calendar .ui-datepicker-calendar td.ui-datepicker-today a {
display:inline-block;
width:26px;
border-radius:50%;
background:#ddd;
color:#222;
}
.calendar .ui-datepicker-calendar td.ui-datepicker-other-month a {
color:#999;
}
.row.g10, .row-flex.g10 {
margin-left:-10px;
margin-right:-10px;
width:auto;
}
label.switch {
padding:0;
position: relative;
display: inline-block;
width: 80px;
height: 40px;
border:1px solid #3679b8;
background-color: #0f477c;
box-sizing:border-box;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
border-radius:4px;
overflow:hidden;
margin-top:3px;
}
.switch input, div.basic dl dd .switch input[type='checkbox'] {display:none;}
.switch::before{
content:'\f313';
font-family:Material-Design-Iconic-Font;
position:absolute;
line-height:38px;
top:0px;
left:0px;
width:38px;
height:38px;
text-align:center;
font-size:17px;
color:#3679b8;
border-radius:4px;
}
.switch::after{
content:'\f197';
font-family:Material-Design-Iconic-Font;
position:absolute;
line-height:38px;
top:0px;
right:0px;
width:38px;
text-align:center;
font-size:17px;
color:#3679b8;
border-radius:4px;
}
.switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition:transform .4s;
z-index:1;
border-radius:4px;
}
.switch .slider:before {
position: absolute;
height: 38px;
width: 38px;
left: 0px;
bottom: 0px;
background-color: #3679b8;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
color:#fff;
-webkit-transition: .4s;
transition: .4s;
content:'\f313';
font-family:Material-Design-Iconic-Font;
font-size:17px;
line-height:38px;
text-align:center;
z-index:10;
}
.pull-right {
float:right;
}
.switch input:checked + .slider:before {
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
content:'\f197';
transition:transform .4s;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}
.card {
display:block;
border-radius:5px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
background:#fff;
font:normal normal normal 13px/20px 'Roboto',Arial;
color:#444;
text-decoration:none;
position:relative;
overflow:hidden;
}
.card-body.dark{
background:#f9f9fb;
}
.auction-promo .card, .card.orange{
background: rgb(255,124,45);
background: -moz-linear-gradient(top, rgba(229,98,19,1) 0%, rgba(203,72,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(229,98,19,1) 0%,rgba(203,72,0,1) 100%);
background: linear-gradient(to bottom, rgba(229,98,19,1) 0%,rgba(203,72,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56213', endColorstr='#cb4800',GradientType=0 );
color:#fff;
}
.secondary-auctions .card.orange{
background: rgb(225,122,52);
background: -moz-linear-gradient(0deg, rgba(225,122,52,1) 0%, rgba(248,144,73,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(225,122,52,1) 0%, rgba(248,144,73,1) 100%);
background: linear-gradient(0deg, rgba(225,122,52,1) 0%, rgba(248,144,73,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e17a34",endColorstr="#f89049",GradientType=1);
}
.card.blue{
background: rgb(15,71,124);
background: -moz-linear-gradient(top, rgba(15,71,124,1) 0%, rgba(0,45,98,1) 100%);
background: -webkit-linear-gradient(top, rgba(15,71,124,1) 0%,rgba(0,45,98,1) 100%);
background: linear-gradient(to bottom, rgba(15,71,124,1) 0%,rgba(0,45,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f477c', endColorstr='#002d62',GradientType=0 );
color:#fff;
}
.card.red{
background: #f13107; /* Old browsers */
background: -moz-linear-gradient(top, #f13107 0%, #c72602 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f13107 0%,#c72602 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f13107 0%,#c72602 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f13107', endColorstr='#c72602',GradientType=0 ); /* IE6-9 */
color:#fff;
}
.card .inner-box::after{
display:block;
height:0;
content:'';
clear:both;
float:none;
}
.blue-gradient .card .inner-box{
border-radius:4px;
background:#135391;
padding: 10px 15px 10px 15px;
font:normal normal 500 12px/15px 'Roboto',Arial;
color:#fff;
text-transform:uppercase;
min-height:90px;
position:absolute;
bottom:0;
left:0;
right:0;
border-top:1px solid rgba(255,255,255,0.3);
border-top-left-radius:0;
border-top-right-radius:0;
display:flex;
align-items:center;
}
.blue-gradient .card.orange .inner-box{
background:#e66314
}
footer .card.orange .inner-box{
margin:0;
}
.card.blue .inner-box{
border-radius:4px;
background:#0f477c;
padding: 23px 15px 23px 15px;
font:normal normal 500 12px/15px 'Roboto',Arial;
color:#fff;
text-transform:uppercase;
}
.card.red .inner-box{
border-radius:4px;
background:#ee3007;
padding: 23px 15px 23px 15px;
font:normal normal 500 12px/15px 'Roboto',Arial;
color:#fff;
text-transform:uppercase;
}
.card .inner-box i{
padding-right:7px;
}
.card .inner-box strong{
display:block;
font-size:20px;
font-weight:bold;
line-height:22px;
text-transform:none;
}
.card .img {
position:relative;
overflow:hidden;
}
.card .img img {
display:block;
width:100%;
border-top-left-radius:5px;
border-top-right-radius:5px;
transition:0.4s;
}
#cars a.card:hover .img img{
transform:scale(1.1);
transition:0.4s;
}
@media all and (min-width:1100px){
#cars.list a.card:hover .img img{
transform:translateX(-50%);
}
}
.card .content{
padding-bottom:50px;
}
.card .title {
font-size:14px;
line-height:18px;
font-weight:400;
color:#135492;
padding:10px 15px 10px 15px;
text-transform:uppercase;
position:relative;
}
.card .title::after {
position:absolute;
content:'';
display:block;
bottom:0;
height:1px;
width:30px;
background:#d6d6d6;
}
.small .card .content{
padding-bottom:0;
}
.small .card .title{
font-weight:normal;
padding:15px;
text-transform:none;
padding-bottom:40px;
min-height: 91px;
}
.auction-promo.small .card .title{
color:#fff;
background:#e66314;
}
.flash .card, .flash.small .card{
background:#ee3007;
color:#fff;
}
.flash .card .title,.flash.small .card .title{
color:#fff;
background:#ee3007;
}
.small .card .title span{
display:block;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.small .card .title strong{
display:block;
font-weight:500;
}
.small .card .title::after{
display:none;
}
.card .title strong {
font-weight:500;
display:block;
}
.card .specs {
font-weight:400;
font-size:12px;
color:#222;
}
.card .specs:after {
content:'';
display:block;
height:0;
float:none;
clear:both;
}
.card .specs .half {
padding:10px 15px 10px 15px;
width:50%;
float:left;
}
.card .price {
padding:0 15px 0px 15px;
position:relative;
font-weight:300;
line-height:16px;
min-height:50px;
text-transform:uppercase;
display:flex;
align-items:center;
position:absolute;
left:0;
right:0;
bottom:0;
}
.card .price.best-offer em{
font:normal normal normal 13px/18px 'Roboto',Arial;
color:#444;
}
.card .price::before {
position:absolute;
content:'';
display:block;
top:0;
height:1px;
width:30px;
background:#d6d6d6;
}
.small .card .price{
padding:0 15px 0px 15px;
min-height:40px;
text-transform:none;
font-weight:normal;
}
.auction-promo.small .card .price{
text-transform:uppercase;
}
.small .card .price i{
padding-right:8px;
}
.small .card .price::before{
display:none;
}
.small .card .price .not-loggedin{
color:#1ab8f0;
font-size:14px;
}
.auction-promo.small .card .price .not-loggedin, .flash.small .card .price .not-loggedin {
color:#fff;
text-transform: none;
}
.card .price em{
font:normal normal 600 16px/24px 'Roboto',Arial;
color:#1366b5;
}
.card .price .vatNote{
font:normal normal normal 12px/24px 'Roboto',Arial;
color:#1366b5;
padding-left:7px;
}
.flash .card .price em, .flash .card .price .vatNote{
color:#fff;
}
.specs .col3,.specs .col3 li {
display:block;
list-style:none;
margin:0;
padding:0;
}
.specs .col3{
padding:7px 0 7px 0;
}
.specs .col3::after{
content:'';
display:block;
clear:both;
float:none;
height:0;
}
.specs .col3 li{
width:33.33%;
float:left;
line-height:24px;
padding-left:14px;
font-size:13px;
white-space:nowrap;
}
.cars .row-flex .p10, .promos .row-flex .p10{
height:100%;
}
.card .options{
font-size:12px;
line-height:18px;
color:#777;
padding:10px;
position:relative;
}
.cars .card .options::after {
position:absolute;
content:'';
display:block;
top:0;
height:1px;
width:30px;
background:#d6d6d6;
}
.calendar .ui-datepicker-calendar td.next-auctions a {
background: #f68620;
display: inline-block;
width: 26px;
border-radius: 50%;
color:#fff;
}
.calendar .ui-datepicker-calendar td.next-auctions a {
background:rgba(246,134,32,0.2);
color:#222;
}
label.switch{
display:none;
}
@media all and (min-width:1100px)
{
label.switch{
display:block;
}
.row-flex.list .col.l4.s6, .row-flex.list .col.l3.m4.ms6.s12,.row-flex.list .col.l4.m6.ms12.s12 {
flex:0 0 100%;
float:none;
}
.row-flex.list .card{
padding-left:300px;
position:relative;
min-height:160px;
}
.boughtcars .row-flex.list .card{
padding-left:210px;
min-height:125px;
}
.row-flex.list .card .img{
width:300px;
overflow:hidden;
position:absolute;
top:0;
left:0;
bottom:0;
}
.row-flex.list.auction-cars .card .img{
width:240px;
}
.boughtcars .row-flex.list .card .img{
width:195px;
}
.boughtcars .row-flex.list .card .specs{
width:75%;
float:left;
position:relative;
}
.boughtcars .row-flex.list .card .specs::before{
position: absolute;
content: '';
display: block;
bottom: -7px;
height: 1px;
left:15px;
width: 30px;
background: #d6d6d6;
}
.boughtcars .row-flex.list .card .specs .col3{
padding-right:70px;
}
.boughtcars .row-flex.list .card .specs .col3 li{
width:33%;
max-width:140px;
}
.boughtcars .row-flex.list .card .title strong{
display:inline;
}
.boughtcars .row-flex.list .card .price{
width:25%;
float:left;
display:block;
padding-top:10px;
}
.boughtcars .row-flex.list .card .price span,.boughtcars .row-flex.list .card .price em {
font-size:14px;
font-weight:bold;
color:#777;
width:100%;
display:block;
}
.boughtcars .row-flex.list .card .price em{
color:#ff5722;
}
.boughtcars .row-flex.list .card .price::before{
display:none;
}
.row-flex.list .card .img img{
height:100%;
width:auto;
margin-left: 50%;
transform: translateX(-50%);
}
.row-flex.list .card .content{
padding-bottom:0;
}
.row-flex.list .card .content::after{
content:'';
display:block;
float:none;
clear:both;
}
.row-flex.list .card .specs .col3 li {
width:25%;
}
.row-flex.list .card .inner-half{
width:50%;
float:left;
line-height:20px;
}
.row-flex.list .card .price{
position:relative;
min-height:40px;
}
}
.p15 {
padding:15px;
}
.plr15{
padding:0 15px 0 15px;
}
.cardetail h2 {
padding:14px 0 0 0;
margin:0;
font:normal normal normal 30px/35px 'Roboto',Arial;
color:#444;
}
.cardetail h2 strong {
font-weight:normal;
}
.cardetail h3 {
margin:0;
padding:0px 0 7px 0;
font:normal normal normal 18px/24px 'Roboto',Arial;
color:#444;
}
.cardetail .darker {
background:#f7f7f7;
}
.main-img {
padding-top:66.6%;
position:relative;
}
.main-img img {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:block;
width:100%;
cursor:pointer;
}
.thumbs {
position:relative;
padding:1px 32px 1px 32px;
}
.thumbs a.previous, .thumbs a.next {
display:block;
position:absolute;
top:0;
bottom:0;
width:32px;
background:#dbdbdb;
color:#fff;
text-decoration:none;
}
.thumbs a.previous i, .thumbs a.next i {
display:block;
text-align:center;
line-height:20px;
margin-top:-10px;
position:absolute;
top:50%;
left:0;
right:0;
font-size:20px;
}
.thumbs a.previous {
left:0;
}
.thumbs a.next {
right:0;
}
.thumbs .thumbs-slider {
overflow:hidden;
position:relative;
}
.thumbs .thumbs-holder {
display:block;
}
.thumbs .thumbs-holder a {
display:block;
box-sizing:border-box;
padding:0 1px 0 0;
float:left;
}
.thumbs .thumbs-holder a img {
display:block;
width:100%;
}
.car-specs {
font:normal normal normal 13px/26px 'Roboto',Arial;
color:#444;
}
.card .car-specs .half {
padding:0 10px 0 20px;
}
h4 {
font:normal normal 500 16px/24px 'Roboto',Arial;
color:#444;
margin:0;
padding:17px 0px 10px 0px;
}
.car-specs h4 {
padding:17px 10px 10px 20px;
}
.car-specs strong {
display:block;
font:normal normal normal 13px/20px 'Roboto',Arial;
color:#444;
padding:0 10px 6px 20px;
}
.car-specs .specs {
position:relative;
}
.car-specs .specs::after {
display:block;
content:'';
float:none;
clear:both;
}
.car-specs .line {
position:absolute;
top:8px;
bottom:4px;
left:50%;
width:1px;
background:#d6d6d6;
}
.auction {
width:100%;
height:100%;
padding-bottom:92px;
background: rgb(229,98,19);
background: -moz-linear-gradient(top, rgba(229,98,19,1) 0%, rgba(203,72,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(229,98,19,1) 0%,rgba(203,72,0,1) 100%);
background: linear-gradient(to bottom, rgba(229,98,19,1) 0%,rgba(203,72,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e56213', endColorstr='#cb4800',GradientType=0 );
position:relative;
}
.auction.live{
padding-bottom:105px;
background:#606060;
color:#fff;
}
.auction.best {
color:#fff;
background: rgb(167,213,88);
background: -moz-linear-gradient(top, rgba(167,213,88,1) 0%, rgba(141,187,62,1) 100%);
background: -webkit-linear-gradient(top, rgba(167,213,88,1) 0%,rgba(141,187,62,1) 100%);
background: linear-gradient(to bottom, rgba(167,213,88,1) 0%,rgba(141,187,62,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7d558', endColorstr='#8dbb3e',GradientType=0 );
}
.auction-content {
padding:15px 20px 15px 20px;
color:#fff;
}
.auction .help {
top:0;
right:0;
position:absolute;
width:38px;
height:38px;
line-height:38px;
text-align:center;
font-size:20px;
color:rgba(0,0,0,0.4);
}
.bid-content, .highest {
position:absolute;
bottom:0;
left:0;
right:0;
}
.highest {
bottom: 0px;
display: none;
min-height: 20px;
text-align: center;
padding-bottom: 63px;
z-index:1;
}
.highest label{
padding:5px 0 5px 0;
font:normal normal 500 13px/20px 'Roboto',Arial;
display:block;
text-align:center;
text-transform:uppercase;
margin:auto;
}
.bid-content label {
color: #fff;
padding-left: 20px;
font: normal normal 500 14px/20px 'Roboto',Arial;
text-transform: uppercase;
text-align: center;
display: block;
padding-top:3px;
padding-bottom:3px;
}
.best .bid-content label{
display:none;
}
.bid-content .bid-actions {
padding:7px;
border-top:1px solid rgba(255,255,255,0.2);
min-height:66px;
}
.bid-content .bid-actions::after {
display:block;
content:'';
float:none;
clear:both;
}
.bid-content .bid-actions .p3 {
padding:3px;
float:left;
width:31%;
font:normal normal 500 22px/45px 'Roboto',Arial;
}
.bid-content .bid-actions .p3.m {
width:25%;
font-size:16px;
}
.bid-content .bid-actions .p3.s {
width:19%;
font-size:14px;
}
.bid-content .bid-actions a {
height:45px;
line-height:45px;
text-align:center;
display:block;
width:100%;
border-radius:5px;
background: #f68620;
background: -moz-linear-gradient(top, #f68620 0%, #dc6c06 100%);
background: -webkit-linear-gradient(top, #f68620 0%,#dc6c06 100%);
background: linear-gradient(to bottom, #f68620 0%,#dc6c06 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68620', endColorstr='#dc6c06',GradientType=0 );
color:#fff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
text-decoration:none;
text-transform:uppercase;
font-size:inherit;
}
.bid-actions .max-bid, .bid-actions .max-bid .view{
display:none;
}
.bid-actions.hasmax .max-bid {
display: block;
height: 45px;
margin-left: 10px;
margin-right: 10px;
background: #444;
border-radius: 4px;
font-size: 20px;
color: #ccc;
line-height: 45px;
}
.bid-actions.hasmax .actions{
display:none;
}
.bid-actions.hasmax .max-bid .view{
display:block;
}
.bid-actions.hasmax .max-bid .edit{
display:none;
}
.auction.best .bid-content{
opacity:0.3;
}
.auction.best .highest{
display:block;
}
.max-bid {
padding-left: 90px;
position: relative;
}
.max-bid label, .best .bid-content .max-bid label {
position: absolute;
display: block;
width: 80px;
font: normal normal 500 13px/16px 'Roboto',Arial;
text-transform: uppercase;
top: 7px;
left: 5px;
padding: 0;
}
.max-bid .edit {
border-radius: 5px;
border: 1px solid #999;
background: #fff;
position: relative;
padding:0 70px 0 20px;
}
.bid-content .bid-actions .max-bid a.help{
position:absolute;
background: none;
height: auto;
line-height: 43px;
right: 54px;
color: #999;
top: 0px;
width: auto;
text-shadow:none;
}
.bid-content .bid-actions .max-bid a.ok{
position:absolute;
height: 45px;
line-height: 45px;
right: -1px;
top: -1px;
width: 45px;
border-top-left-radius:0;
border-bottom-left-radius:0;
text-align:center;
}
.bid-content .bid-actions a.cancel {
border-radius: 0;
position: absolute;
top: -1px;
right: 44px;
width: 45px;
background: #666;
font-size: 18px;
}
.bid-content .bid-actions .max-bid .sign{
height:43px;
position:absolute;
top:0;
left:9px;
font:normal normal 500 16px/43px 'Roboto',Arial;
color:#444;
}
.bid-content .bid-actions .max-bid input{
border:none;
height:43px;
padding:0;
font:normal normal 500 16px/43px 'Roboto',Arial;
color:#444;
width:100%;
display:block;
}
.cardetail p {
font-size:13px;
line-height:22px;
}
.line-right {
position:absolute;
top:0;
bottom:0;
right:0;
width:1px;
background:#e7e7e7;
}
.line-left {
position:absolute;
top:0;
bottom:0;
left:0;
width:1px;
background:#e7e7e7;
}
.bid-list .best-offer {
padding:20px 0 10px 0;
text-align:center;
}
.bid-list .best-offer.reached {
background:#78af42;
}
.bid-list .best-offer label {
display:block;
font-weight:500;
font-size:13px;
line-height:21px;
color:#999;
text-transform:uppercase;
}
.bid-list .best-offer.reaced label{
color:#fff;
}
.bid-list .best-offer .offer {
display:block;
font-weight:500;
font-size:30px;
line-height:31px;
color:#444;
text-transform:uppercase;
}
.bid-list .best-offer .note{
display:block;
font-weight:bold;
font-size:16px;
line-height:20px;
color:#e1ffc3;
text-transform:uppercase;
opacity:0;
}
.bid-list .best-offer.reached label,.bid-list .best-offer.reached .offer{
color:#fff;
}
.bid-list .best-offer.reached .note{
opacity:1;
}
.bid-list .best-offer.best label,.bid-list .best-offer.best .offer{
color:#fff;
}
.bid-list .best-offer .offer em {
padding-left:7px;
font-size:28px;
font-style:normal;
}
.bid-list .bids, .bid-list .bids li {
display:block;
padding:0;
list-style:none;
margin:0;
}
.bid-list .bids li {
border-top:1px solid #e7e7e7;
padding:9px 6% 9px 6%;
font-size:13px;
line-height:21px;
font-weight:300;
color:#999;
}
.bid-list .bids li::after {
content:'';
display:block;
clear:both;
float:none;
}
.bid-list .bids li span {
float:left;
text-align:left;
width:33.33%;
}
.bid-list .bids li span.c3 {
text-align:right;
}
.popup-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: rgba(0, 0, 0, 0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 1000;
overflow: auto;
}
.popup-overlay .popup {
position: relative;
background: #fff;
max-width: 780px;
width: 100%;
box-sizing: border-box;
padding: 0 20px 20px 20px;
border-radius: 5px;
}
.popup-overlay .popup.small-medium{
max-width:420px;
}
.popup-overlay .popup.medium{
max-width:520px;
}
.popup-overlay .popup.np{
padding:0;
}
.popup-overlay .popup.login{
max-width: 320px;
}
.popup .close {
display: block;
position: absolute;
top: 20px;
right: 10px;
height: 30px;
width: 32px;
text-align: center;
transition: 0.3s;
color: #666;
z-index:1;
}
.popup .close i {
font-size: 20px;
line-height: 30px;
}
.popup-overlay .popup h1 {
font-size: 26px;
line-height: 80px;
font-weight:500;
margin:0 -20px 0 -20px;
text-transform: none;
padding:0 20px 0 20px;
text-transform:uppercase;
text-align:center;
color:#0f477c;
}
.popup-overlay .popup.np h1{
margin:0;
}
.input-group {
padding-bottom: 10px;
}
.input-group label {
display: block;
font-size:13px;
line-height:23px;
color: #444;
}
input.txt, select.txt, textarea {
width: 100%;
border: 1px solid #dadada;
height: 45px;
padding: 10px;
font: normal normal normal 14px/25px 'Roboto',arial,sans;
color: #333;
margin: 0px;
border-radius: 5px;
background: #fff;
}
textarea {
height:120px;
}
input.txt.error, select.txt.error, textarea.error {
border: 1px solid #ff0000!important;
}
nav .popup a {
margin:0;
display:inline-block;
float:none;
}
.popup .cta{
line-height:21px;
padding:12px 20px 12px 20px;
margin-bottom:0;
}
nav .popup a.cta:hover {
color:#fff;
}
nav .popup a.link-grey {
font: normal normal normal 14px/25px 'Roboto',arial,sans;
color: #999;
margin:0;
text-transform:none;
padding-bottom:20px;
}
.error-msg{
padding:10px 0 10px 0;
color:#ff0000;
}
.img-header img{
display:block;
width:100%;
}
.max-bid{
display:none;
}
.live-content{
padding-top:10px;
overflow:hidden;
}
.hammer-holder{
display:block;
overflow:hidden;
position:relative;
width:118px;
height:118px;
margin:0 auto 0 auto;
border-radius:50%;
border:solid 2px rgba(255,255,255,0.2);
}
.hammer-circle-holder{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.best .hammer-circle-holder{
background:rgba(141, 187, 62, 1);
}
.hammer-circle {
display: block;
position: relative;
box-sizing:border-box;
left: 50%;
top: 50%;
width: 114px;
height: 114px;
margin: -57px 0 0 -57px;
border-radius: 50%;
border: 12px solid transparent;
border-top-color: #a7d558;
border-right-color: #a7d558;
animation: spin 1s linear infinite;
transition: border-top-color 0.3s, border-right-color 0.3s;
}
.hammer-holder.green .hammer-circle{
transition: border-top-color 0.3s, border-right-color 0.3s;
border-top-color: #a7d558;
border-right-color: #a7d558;
}
.hammer-holder.orange .hammer-circle{
transition: border-top-color 0.3s, border-right-color 0.3s;
border-top-color: #ff7c2d;
border-right-color: #ff7c2d;
}
.hammer-holder.red .hammer-circle{
transition: border-top-color 0.3s, border-right-color 0.3s;
border-top-color: #ba0700;
border-right-color: #ba0700;
}
.hammer-circle::after {
content: "";
width: 85%;
height: 85%;
background: linear-gradient(45deg, rgba(96, 96, 96, 1) 0%, rgba(96, 96, 96, 1) 40%, rgba(96, 96, 96, 0.7) 60%, rgba(96, 96, 96, 0) 80%);
position: absolute;
top: 0px;
left: 0px;
transform: translate(-10px, -25px);
}
.best .hammer-circle::after {
content: "";
width: 85%;
height: 85%;
background: linear-gradient(45deg, rgba(141, 187, 62, 1) 0%, rgba(141, 187, 62, 1) 40%, rgba(141, 187, 62, 0.7) 60%, rgba(141, 187, 62, 0) 80%);
position: absolute;
top: 0px;
left: 0px;
transform: translate(-10px, -25px);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.hammer-center{
width: 114px;
height: 114px;
position:relative;
}
.hammer-holder.orange .hammer-center{
transform: scale(1.15);
}
.hammer-holder.red .hammer-center {
transform: scale(1.3);
}
.hammer-center i{
display:block;
position:absolute;
top:50%;
left:50%;
width:50px;
height:50px;
margin:-28px 0 0 -22px;
z-index:10;
font-size:50px;
line-height:50px;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
color:#f5f5f5;
transform: rotate(-15deg);
animation:fade 1s infinite;
}
.hammer-green .hammer-center i{
color:#a7d558;
}
.hammer-orange .hammer-center i{
color:#f96003;
}
.hammer-red .hammer-center i{
color:#ba0700;
}
@keyframes fade {
0%,100% { opacity: 1 }
50% { opacity: 0.2 }
}
.hammer-holder.orange .hammer-center i{
animation:fade 1s infinite;
}
.hammer-holder.red .hammer-center i{
animation:fade 1s infinite;
}
#intro-counter{
display:block;
position:absolute;
top:50%;
left:50%;
width:60px;
height:60px;
margin:-30px 0 0 -30px;
color:#f5f5f5;
font:normal normal bold 40px/60px 'Orbitron',Arial;
text-align:center;
}
.counter-content{
font:normal normal bold 40px/54px 'Orbitron',Arial;
color:#f5f5f5;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
height:54px;
}
.counter-content #counterSeconds{
width:50%;
float: left;
text-align:right;
padding-right:4px;
position:relative;
}
.counter-content #counterSeconds::after{
position:absolute;
top:0;
right:-4px;
content:'.';
}
.counter-content #counterHundreds{
width:50%;
float: left;
text-align:left;
padding-left:4px;
font-size:30px;
padding-top:4px;
}
.control-group{
padding-bottom:16px;
}
.control-group::after{
content:'';
display:block;
float:none;
clear:both;
height:0;
}
.control-group .half{
width:50%;
float:left;
}
.control-group .half.l .select2-container--default .select2-selection--single{
border-top-right-radius:0px;
border-bottom-right-radius:0px;
}
.control-group .half.r .select2-container--default .select2-selection--single{
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-left:none;
}
.control-group label{
font-size:12px;
line-height:19px;
display:block;
color:rgba(0,0,0,0.4);
}
.card .card-title{
border-bottom:1px solid #e7e7e7;
}
.card .card-footer{
border-top:1px solid #e7e7e7;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox] + label {
color: #444;
font: normal normal normal 14px/19px 'Roboto',Arial;
min-height: 19px;
cursor: pointer;
float: none;
display: block;
position: relative;
padding: 8px 0 8px 30px;
}
input[type=checkbox].error + label{
color:#ff0000;
}
input[type=checkbox] + label::before {
content: "";
display: inline-block;
width: 17px;
height: 17px;
vertical-align: middle;
background-color: #fff;
border: 1px solid #dadada;
border-radius: 3px;
color: #dadada !important;
text-align: center;
line-height: 15px;
font-size: 15px;
position: absolute;
top: 8px;
left: 0px;
}
input[type=checkbox].error + label::before{
border-color:#ff0000;
}
input[type=checkbox]:checked + label::before {
content: "\f26b";
color: #fff !important;
border: 1px solid #10b376;
background-color: #10b376;
text-align: center;
font-family: "Material-Design-Iconic-Font";
}
.request-options input[type=checkbox] + label{
padding-top:5px;
padding-bottom:5px;
}
.request-options input[type=checkbox] + label::before{
top:7px;
}
.car-list a{
display:flex;
align-items: center;
text-decoration:none;
position:relative;
padding-left:98px;
min-height:59px;
border-bottom:1px solid #e7e7e7;
background:#f9f9fb;
}
.car-list.live a{
opacity:0.7;
}
.car-list a.closed, .car-list.live a.closed{
opacity:0.5;
}
.car-list a.active, .car-list.live a.active{
opacity:1;
position:relative;
}
.car-list a.active::after{
content:'';
display:block;
position:absolute;
width:32px;
height:32px;
background:url(/images/auction-car-active-circle.png) no-repeat center center;
top:14px;
right:9px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.car-list a.active::before{
content:'';
display:block;
position:absolute;
width:32px;
height:32px;
background:url(/images/auction-car-active-hammer.png) no-repeat center center;
top:14px;
right:9px;
}
.car-list a.current{
background:#fff;
opacity:1;
}
.car-list a .car-list-img{
position:absolute;
top:0;
left:0;
width:88px;
bottom:0;
overflow:hidden;
}
.car-list a .car-list-img img{
display:block;
height:100%;
}
.car-list a .car-list-content{
overflow-y:scroll;
}
.car-list a .car-list-text strong,.car-list a .car-list-text span{
display:block;
width:100%;
font:normal normal 300 13px/18px 'Roboto',Arial;
color:#444;
}
.car-list a.current .car-list-text strong, .car-list a.current .car-list-text span {
color:#ff7c2d;
}
.car-list a .car-list-text strong{
font-weight:500;
}
.car-list .car-list-header{
background:#656565;
padding:10px;
line-height:40px;
font-family:Roboto,Arial;
font-size:16px;
font-weight:500;
color:#fff;
border-top-left-radius:5px;
border-top-right-radius:5px;
text-transform:uppercase;
}
.car-list .car-list-header .cta {
padding: 9px 12px 9px 12px;
display: block;
float: right;
min-height: 40px;
opacity: 1;
border-bottom: none;
font-size: 14px;
margin-bottom: 0px;
background: -moz-linear-gradient(top, #f68620 0%, #dc6c06 100%);
background: -webkit-linear-gradient(top, #f68620 0%,#dc6c06 100%);
background: linear-gradient(to bottom, #f68620 0%,#dc6c06 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68620', endColorstr='#dc6c06',GradientType=0 );
}
.car-list .car-list-header .cta.arrow::after{
content:"\f2ee";
font-family:'Material-Design-Iconic-Font';
font-style:normal;
line-height:22px;
display:inline-block;
font-size:14px;
color:#fff;
padding-left:4px;
}
.auction-live{
height: 100%;
display: flex;
align-content: center;
align-items: flex-start;
justify-content: center;
font-size: 40px;
line-height: 40px;
text-align: center;
color: #fff;
padding-top:40px
}
.map-holder{
padding-top:32%;
position:relative;
margin-bottom:17px;
}
.map-holder .map{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
height:100%;
width:100%;
}
.page-form .p10{
padding:0 10px 0 10px;
}
.page-form label{
display:block;
font:normal normal normal 12px/23px 'Roboto', Arial;
color:#999;
}
.page-form input[type='text'], .page-form textarea{
display:block;
background:#fff;
border:1px solid #dadada;
border-radius:5px;
width:100%;
margin-bottom:12px;
padding:10px;
font:normal normal normal 14px/23px 'Roboto', Arial;
color:#444;
box-sizing:border-box;
}
.page-form .p5 input[type='text'], .page-form .p5 textarea{
margin-bottom:0;
}
.page-form textarea{
height:100px;
}
.card .row.edit, .card .card-footer.edit{
display:none;
}
.card.in-edit .row.edit, .card.in-edit .card-footer.edit{
display:block;
}
.card.in-edit .row.display, .card.in-edit a.display{
display:none;
}
.card .card-title{
position:relative;
}
.card .card-title .pull-right{
position:absolute;
top:15px;
right:15px;
}
.card .card-title i.zmdi-close{
display:none;
}
.card.in-edit .card-title i.zmdi-close{
display:block;
}
.card.in-edit .card-title i.zmdi-edit{
display:none;
}
.card .card-title .pull-right a {
text-decoration:none;
color:#999;
transition:0.3s;
}
.card .card-title .pull-right a:hover {
color:#444;
transition:0.3s;
}
.card .card-title .pull-right a i{
height:38px;
line-height:38px;
font-size:20px;
}
.card .card-title .pull-right a.cta{
padding:8px;
color:#fff;
}
.card .card-title .pull-right a.cta i{
height:22px;
line-height:22px;
color:#fff;
padding-right:8px;
}
.display-group{
font:normal normal normal 14px/30px 'Roboto',Arial;
color:#444;
}
.display-group label{
display:inline-block;
width:100px;
}
.price-group .display-group{
padding:5px 0 5px 0;
}
.price-group .display-group::after{
content:'';
display:block;
float:none;
clear:both;
}
.price-group .display-group span{
display:block;
}
.price-group .display-group.bordered span{
border: 1px solid #dadada;
border-radius:5px;
background:#fff;
padding-left:10px;
}
.price-group .display-group.bordered.error span{
border-color:#ff0000;
}
.price-group .display-group.bordered span input{
padding:5px;
height:auto;
border:none;
width:90%;
}
.card hr{
border:none;
height:1px;
background:#e7e7e7;
}
.card.orange hr,.card.blue hr {
margin:0;
padding:0;
background:rgba(255,255,255,0.3);
}
.card.orange a.cta,.card.blue a.cta, .card.orange div.cta,.card.blue div.cta {
display:block;
text-decoration:none;
padding:9% 6% 9% 6%;
font-size:16px;
line-height:26px;
font-weight:500;
color:#fff;
text-transform:uppercase;
background:none;
margin:0;
}
footer .card.orange div.cta {
font-weight:bold;
padding:15px 20px 15px 20px;
font-size:13px;
line-height:25px;
}
.control-group.l6{
width:50%;
}
.card-footer .cta{
margin-bottom:0;
padding:11px 14px 11px 14px;
line-height:23px;
}
.cta.red{
background: rgb(226,69,51);
background: -moz-linear-gradient(top, rgb(226,69,51) 0%, rgb(201,44,26) 100%);
background: -webkit-linear-gradient(top, rgb(226,69,51) 0%,rgb(201,44,26) 100%);
background: linear-gradient(to bottom, rgb(226,69,51) 0%,rgb(201,44,26) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e24533', endColorstr='#c92c1a',GradientType=0 );
}
.display-group strong{
display:block;
font:normal normal normal 14px/22px 'Roboto',Arial;
color:#444
}
.display-group em{
display:block;
font:normal normal normal 13px/22px 'Roboto',Arial;
color:#999;
}
.checkbox-list label::last-child{
border-bottom:none;
}
.checkbox-list input[type=checkbox] + label{
padding:13px 0 13px 43px;
border-bottom:1px solid #dadada;
}
.checkbox-list input[type=checkbox] + label::before{
top:15px;
left:15px;
}
.checkbox-list input[type=checkbox] + label strong{
display:block;
font:normal normal normal 14px/22px 'Roboto',Arial;
color:#444
}
.checkbox-list input[type=checkbox] + label em{
display:block;
font:normal normal normal 13px/22px 'Roboto',Arial;
color:#999;
}
.checkbox-list{
border-radius:3px;
border:1px solid #dadada;
margin-bottom:10px;
}
.checkbox-list input[type=checkbox]:checked + label{
background:#f7f8f8;
}
.checkbox-list input[type=checkbox]:checked + label::before, .filter-item input[type=checkbox]:checked + label::before{
background:#f6851f;
border-color:#f6851f;
transition:0.3s;
}
.filter-item{
border-radius:5px;
border:1px solid #dadada;
position:relative;
padding-left:44px;
margin-bottom: 10px;
}
.filter-item.checked{
background:#f8f8f8;
transition:0.3s;
}
.filter-item input[type=checkbox] + label{
display:block;
position:absolute;
top:7px;
left:15px;
transition:0.3s;
}
.filter-item a{
display:block;
text-decoration:none;
padding:10px 15px 10px 0px;
line-height:25px;
font-size:14px;
color:#444;
}
.filter-item a i{
display:block;
line-height:25px;
float:right;
font-size:16px;
color:#999;
}
.card .card {
border: 1px solid #dadada;
box-shadow: none;
font:normal normal normal 12px/23px 'Roboto',Arial;
color:#444;
margin-bottom: 10px;
}
.card-title.small{
padding:10px 10px 10px 13px;
font:normal normal normal 14px/23px 'Roboto',Arial;
color:#444;
}
.card-content-photo{
position:relative;
padding:5px 0 5px 117px;
min-height:79px;
}
.card-content-photo .img-holder{
position:absolute;
top:0;
left:0;
bottom:0;
width:117px;
overflow:hidden;
}
.card-content-photo .img-holder img{
display:block;
height:100%;
}
.card-content label{
display:inline-block;
width:40%;
color:#999;
line-height:22px;
}
.card-content span{
display:inline-block;
width:60%;
line-height:22px;
}
.card-content-photo .p15{
padding-top:0px;
padding-bottom:0px;
}
.card .card-title.small .pull-right{
top:2px;
}
.card .card-title.small .pull-right a{
padding-left:30px;
}
.popup-content{
padding-top:20px;
}
.outro-content{
padding:50px 30px 0 30px;
font:normal normal 500 30px/30px 'Roboto',Arial;
text-align:center;
color:#fff!important;
}
#getready{
text-align:center;
}
.overlay-holder{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
}
.search-overlay{
margin-top:75px;
background:#303134;
border-radius:8px;
padding:25px;
max-width:415px;
}
.search-overlay select{
display:block;
width:100%;
border:none;
background:#fff;
border-radius:5px;
padding:13px 13px 13px 20px;
font:normal normal normal 16px/24px 'Roboto',Arial;
color:#444;
margin-bottom:5%;
}
.search-overlay h1{
position:relative;
margin:0;
font:normal normal normal 30px/40px 'Roboto',Arial;
color:#fff;
padding:3px 0 18px 85px;
text-transform:uppercase;
}
.search-overlay h1::before{
content:'\f1c3';
position:absolute;
top:12px;
height:62px;
width:64px;
left:0;
font-size:60px;
line-height:62px;
font-family:'Material-Design-Iconic-Font';
border-right:1px solid #fff;
}
.search-overlay a{
display:inline-block;
padding:15px 25px 15px 25px;
font:normal normal 500 16px/30px 'Roboto',Arial;
color:#fff;
text-decoration:none;
text-transform:uppercase;
background: #f68620;
background: -moz-linear-gradient(top, #f68620 0%, #dc6c06 100%);
background: -webkit-linear-gradient(top, #f68620 0%,#dc6c06 100%);
background: linear-gradient(to bottom, #f68620 0%,#dc6c06 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68620', endColorstr='#dc6c06',GradientType=0 );
border-radius:5px;
transition:0.3s;
}
h2.blue, .card h2.blue{
text-align:left;
font: normal normal 600 30px/36px 'Jura',Arial;
color: #333192;
padding: 20px 0 10px 5px;
}
h2.white {
text-align:left;
font: normal normal 600 30px/36px 'Jura',Arial;
color: #fff;
padding: 20px 0 10px 5px;
}
h2.blue .abs-right , h2.white .abs-right{
position: absolute;
top: 15px;
right: 20px;
}
h2.blue .abs-right a, h2.white .abs-right a{
font: normal normal 500 16px/24px 'Roboto',Arial;
color: #f6851f;
text-transform:uppercase;
text-decoration:none;
}
h2.blue .abs-right a::after, h2.white .abs-right a::after{
content:"\f2ee";
font-family:'Material-Design-Iconic-Font';
padding-left:8px;
}
header .search-btns, header .mobile-btns {
min-height:89px;
line-height:89px;
width:90px;
text-align:center;
}
header .search-btns a, header .mobile-btns a {
display:block;
width:90px;
min-height:89px;
color:#72b8fa;
transition:0.2s;
font-size:16px;
}
header .search-btns a:hover {
color:#fff;
transition:0.4s;
}
.search {
display: none;
background:#f9f9f9;
border-top:1px solid #d6d6d6;
}
.search select {
display: block;
width: 100%;
height: 60px;
padding: 15px 25px 15px 25px;
font: normal normal 300 14px/19px 'Roboto',Arial,Verdana;
color: #444;
border-radius: 0;
background: #fff;
border: none;
}
.search .search-dll {
width: 20%;
float: left;
border-right: 1px solid #d6d6d6;
}
.search .row.c11{
border-left: 1px solid #d6d6d6;
}
.search .search-btns {
display: none;
position: absolute;
right: 0px;
}
.popup-overlay.inline {
z-index:0;
background: none;
position: relative;
padding: 8% 0 8% 0;
}
.cars h2.blue{
text-align:left;
}
.row-flex .p10, .row-flex .card{
height:100%;
}
.main-img-stock{
position:relative;
overflow:hidden;
}
.main-img-stock .slideshow{
display:block;
position:relative;
width:100%;
padding-top:67%;
overflow:hidden;
}
.main-img-stock .slideshow img{
display:block;
position:absolute;
width:100%;
top:0;
left:0;
right:0;
bottom:0;
cursor:pointer;
}
.stock-thumbs{
margin-right:-1px;
}
.stock-thumbs::after{
content:'';
float:none;
clear:both;
display:block;
}
.stock-thumbs a {
width: 16.66%;
padding: 0 1px 1px 0;
display: block;
float: left;
box-sizing: border-box;
position: relative;
}
.stock-thumbs a img{
width:100%;
display:block;
}
.stock-thumbs a .thumb-overlay {
display:block;
position: absolute;
top: 0px;
left: 0px;
right: 1px;
bottom: 1px;
background: rgba(0,0,0,0.4);
text-align: center;
}
.stock-thumbs a .thumb-overlay .doshow,.stock-thumbs a .thumb-overlay .dohide{
display:block;
position: absolute;
top: 50%;
left: 0px;
right: 1px;
margin-top:-13px;
text-align: center;
font: normal normal normal 25px/26px 'Roboto',Arial;
color:#fff;
}
.stock-thumbs a .thumb-overlay .dohide, .stock-thumbs a.min .thumb-overlay,.stock-thumbs a.no-show{
display:none;
}
.car-detail .detail-price{
font-family:Roboto;
}
.car-detail .detail-price em{
font-style:normal;
font-weight:600;
font-size:20px;
line-height:27px;
color:#1366b5;
}
.car-detail .detail-price .note{
font-size:16px;
line-height:27px;
color:#1366b5;
}
.oldprice{
display:inline-block;
font-weight:500;
font-size:16px;
color:#999;
text-decoration:line-through;
padding-right:7px;
}
.car-detail hr{
background:#d6d6d6;
padding:0;
margin:0;
border:none;
height:1px;
}
.car-detail dl,.car-detail dt, .car-detail dd {
display:block;
margin:0;
padding:0;
font: normal normal normal 13px/22px 'Roboto',Arial;
color:#444;
}
.car-detail dl::after{
display:block;
content:'';
float:none;
clear:both;
height:0;
}
.car-detail dt, .car-detail dd {padding:4px 0;width:70%;float:left;}
.car-detail dt{width:30%;color:#666;}
.options ul{margin:0;padding:0 0 0 10px;list-style:none;}
.options ul li{
position:relative;
margin:0;
padding:6px 0 6px 20px;
font: normal normal normal 13px/18px 'Roboto',Arial;
color:#444;
}
.options ul li::before{
content:'\f26b';
display:block;
position:absolute;
top:6px;
left:0;
line-height:18px;
font-size:13px;
color:#135492;
font-family:'Material-Design-Iconic-Font';
}
.p5{
padding:5px;
}
.actions .cta{
width:100%;
text-align:center;
margin-bottom:0;
}
.actions .actions-group{
position:relative;
}
.actions .actions-group::before{
content:'';
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:0;
}
.actions .actions-group::after{
content:'';
float:none;
clear:both;
display:block;
height:0;
}
.actions .actions-group .cta{
border-radius:0;
position:relative;
width:50%;
border:none;
background:none;
box-sizing:border-box;
display:block;
float:left;
z-index:1;
}
.actions .actions-group.small .cta{
width:33.33%;
}
.actions .actions-group .cta:last-child{border-bottom-right-radius:4px;}
.actions .actions-group a.cta:hover{
background: rgb(44,148,212);
background: -moz-linear-gradient(top, rgba(44,148,212,1) 0%, rgba(19,123,187,1) 100%);
background: -webkit-linear-gradient(top, rgba(44,148,212,1) 0%,rgba(19,123,187,1) 100%);
background: linear-gradient(to bottom, rgba(44,148,212,1) 0%,rgba(19,123,187,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c94d4', endColorstr='#137bbb',GradientType=0 );
box-shadow:none;
color:#fff;
}
.actions .actions-group .cta{
font-size:26px;
line-height:49px;
padding:0;
}
.actions .actions-group .cta em{
position:absolute;
top:44px;
left:50%;
font-size:12px;
line-height:30px;
padding:0 10px 0 10px;
border-radius:5px;
background:#fff;
font-style:normal;
text-transform:none;
color:#777;
white-space:nowrap;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
transform:translateX(-50%);
opacity:0;
transition:0.3s;
}
.actions .actions-group .cta:hover em{
opacity:1;
transition:0.3s;
}
.actions .actions-group .cta em::before{
content:'';
display:block;
position:absolute;
top:-6px;
left:50%;
margin-left:-6px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #fff transparent;
}
.cta.nofav .added{
display:none;
}
.cta.fav{
color:#ff7c2d;
}
.actions .cta i:hover{
color:#fff;
transition:0.3s;
}
.cta.fav .toadd{
display:none;
}
.options h3{
padding-left:10px;
padding-bottom:0;
}
.options h4{
padding-left:10px;
font-size:14px;
line-height:20px;
padding-bottom:5px;
}
.car-nav{
float:right;
padding:25px 0 10px 0;
}
.auction-actions .car-nav{
padding-top:5px;
}
.car-nav a{
display:block;
height:38px;
float:left;
border:1px solid #3679b8;
background:#0f477c;
line-height:38px;
width:38px;
color:#bbe2f0;
font-size:16px;
text-align:center;
transition:0.3s;
}
.red .car-nav a{
background:#c22d02;
border-color:#ff5c2d;
}
.car-nav a:hover{
background:#3679b8;
color:#fff;
transition:0.3s;
}
.red .car-nav a:hover{
background:#ff5c2d;
color:#fff;
transition:0.3s;
}
.car-nav a.prev{
border-top-left-radius:4px;
border-bottom-left-radius:4px;
}
.car-nav a.overview{
border-left:none;
border-right:none;
}
.car-nav a.next{
border-top-right-radius:4px;
border-bottom-right-radius:4px;
}
.datepicker{
position:relative;
}
.datepicker button{
position:absolute;
top:1px;
right:1px;
background:#ffffff;
border:none;
height:43px;
width:45px;
border-radius:5px;
}
.datepicker button img{
display:none;
}
.datepicker button::after{
content:'\f332';
font-family:'Material-Design-Iconic-Font';
display:block;
width:45px;
height:43px;
line-height:43px;
text-align:center;
font-size:20px;
color:#999;
}
.doc-table{
width:100%;
}
.doc-table tr td{
border-bottom:1px solid #ccc;
padding-left:15px;
height:59px;
font:normal normal normal 12px/16px 'Roboto',Arial;
color:#444;
cursor:pointer;
}
.doc-table tr td strong{
display:block;
}
.doc-table thead tr td{
background:#f7f8f8;
height:39px;
}
.doc-table thead tr td a{
color:#999;
text-decoration:none;
}
.doc-table thead tr td a i{
font-size:12px;
padding-left:5px;
}
.doc-table tr td i{
font-size:16px;
color:#999;
}
.doc-table tr td i.zmdi-check-circle{
color:#08c880;
}
.doc-table tr td i.zmdi-minus-circle{
color:#e24533;
}
.menu-darker
{
height: 100%;
background: #f7f7f7;
}
.menu-darker strong{
display:block;
padding:20px 10px 10px 20px;
font:normal normal 700 14px/20px 'Roboto',Arial;
color:#222;
}
.menu-darker .lvl2{
padding-left:10px;
}
.menu-darker a{
display:block;
font:normal normal normal 14px/20px 'Roboto',Arial;
padding:5px 10px 5px 20px;
color:#444;
text-decoration:none;
transition:0.3s;
}
.menu-darker a.active, .menu-darker a:hover{
color:#3679b8;
transition:0.3s;
}
.popup .menu-darker a.active,.popup .menu-darker a:hover{
color:#f68620;
transition:0.3s;
}
.faq-panel {
padding: 10px 20px 20px 20px;
box-sizing: border-box;
display:none;
}
.popup .faq-panel{
height: 350px;
overflow: auto;
overscroll-behavior: contain;
}
.calendar .ui-datepicker-calendar td a{
cursor:default;
}
.calendar .ui-datepicker-calendar td.this-auction a {
display: inline-block;
width:26px;
background: #f68620;
border-radius: 50%;
color:#fff!important;
}
.carousel-holder{
position:relative;
width:100%;
overflow:hidden;
}
.carousel-holder img {
display: block;
height: 100%;
}
ul.carousel, ul.carousel li{
display:block;
position:relative;
list-style:none;
padding:0;
margin:0;
height:100%;
width:100%;
}
ul.carousel li{
overflow:hidden;
padding-top:34.5%;
min-height:250px;
}
.carousel li a{
position:absolute;
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
padding:0;
}
.banner-overlay-holder{
position:absolute;
left:0;
right:0;
bottom:0;
top:0;
background:rgba(0,0,0,0.15);
}
.banner-overlay{
position:absolute;
left:0;
right:0;
bottom:0;
}
.blue-gradient h1.caption-holder{
max-width:1460px;
padding:0 10px 5% 2%;
margin:auto;
box-sizing : border-box;
}
.blue-gradient h1.caption-holder span{
color:#fff;
display:block;
font:normal normal normal 3.194vw/4.167vw 'Jura',Arial;
padding-bottom:3%;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
}
@media all and (min-width:1440px){
.blue-gradient h1.caption-holder span{
font-size:46px;
line-height:60px;
}
}
@media all and (max-width:1440px){
.cc.mobile-np{
padding:0; }
}
@media all and (max-width:770px){
.blue-gradient h1.caption-holder span{
font-size:24px;
line-height:32px;
}
}
.rslides_tabs{
display:none;
}
.band {
background: #ff0000;
width: 110px;
font: normal normal 400 11px/24px 'Roboto',Arial;
display: block;
position: absolute;
top: -17px;
left: -49px;
z-index: 1;
transform: rotate(-45deg);
transform-origin: 100% 0px 0px;
text-align: center;
text-transform: uppercase;
color: #fff;
backface-visibility:hidden;
}
.main-img-stock .band {
width: 142px;
height: 36px;
font: normal normal 500 14px/37px 'Roboto',Arial;
top: -30px;
left: -70px;
}
.band.chrono {background:#f03e00; }
.band.sold {background:#000;}
.band.promo {
background:#f0280d;
line-height:34px;
font:normal normal 600 18px/36px 'Roboto',Arial;
}
.band.new {background:#4b84cf;}
.band.inoption{background:#ff7c2d;}
.carlic-logo{
padding:30px 0 10px;
}
.carlic-logo img{
display:block;
}
.slick-dots{
display:none!important; }
.count-description{
display:block;
float:left;
font:normal normal bold 16px/22px 'Jura',Arial;
max-width:190px;
}
.orange .count-description{
max-width:100px;
}
.card.orange .count-box{
padding-top:20px;
}
.stockCount, .auctionCount, .flashCount{
display:block;
float:left;
font:normal normal 300 50px/44px 'Roboto',Arial;
padding-right:15px;
}
.intro{
text-align:center;
}
.intro p{
color:#fff;
max-width:870px;
margin:auto;
}
.card.blue2{
background:#1f5192;
padding:20px 20px 72px 20px;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
color:#fff;
position:relative;
}
.card.blue2 p{
color:#fff;
}
.card.blue2 .popup.login p{
color:#444;
}
.card.blue2 a.cta{
position:absolute;
bottom:20px;
left:20px;
right:20px;
width:initial;
}
.card.blue2 a{
color:#1ab8f0;
}
.card.blue2 input[type="text"],.card.blue2 input[type="password"] {
border:none;
margin-bottom:10px;
}
.card.blue2 input[type=checkbox] + label{
color:#fff;
}
.card.blue2 .cta{
width:100%;
margin:0;
text-align:center;
color:#fff;
}
.login .input-group br{
display:none;
}
.login .input-group label{
float:left;
}
.login .input-group .forgot{
float:right;
padding-top:7px;
font-size:12px;
}
.login .input-group::after{
display:block;
content:'';
float:none;
clear:both;
}
.forgot h2, .login h2{
font-family:'Jura',Arial;
color:#fff;
padding-top:0;
font-size:26px;
}
.card.blue2 .close{
position:absolute;
top:10px;
right:10px;
}
.contacts.row{
margin:0 -5px 0 -5px;
}
.card .contacts .card{
margin-bottom:0;
height:140px;
position:relative;
}
.card .contacts .card img.profile{
display:block;
position:absolute;
height:138px;
top:0;
left:0;
}
.card .contacts .card .text{
padding:9px 0 0 129px;
font-size:13px;
line-height:20px;
}
.card .contacts .card .text strong{
font-size:14px;
line-height:16px;
font-weight:500;
}
.card .contacts .card .text em{
font-size:14px;
line-height:16px;
font-weight:normal;
font-style:normal;
color:#777;
display:block;
}
.card .contacts .card .text .langs{
padding:6px 0 0 0;
}
.card .contacts .card .text .langs img{
width:16px;
height:16px;
border-radius:50%;
display:inline-block;
margin-right:4px;
}
.card .contacts .card .text i{
font-size:12px;
line-height:20px;
color:#777;
padding-right:8px;
width:21px;
text-align:center;
}
.card .contacts .card .text a{
color:#3679b8;
text-decoration:none;
}
.space-top{
padding-top:30px;
}
.card-body .display-group{
min-height:45px;
font-size:14px;
line-height:20px;
}
.card-body .display-group label{
display:block;
width:auto;
font-size:12px;
line-height:19px;
color:#999;
}
.card-footer.dark{
background:#f9f9fb;
}
.cta.nobg{
background:none;
color:#999;
border:1px solid #999;
}
.card.dark{
background:#f9f9fb;
}
.card.dark .card-title{
background:#fff;
}
.doc-table{
padding:0 5px 5px 5px;
}
.doc-table .doc-table-header, .doc-table .doc-table-row{
display:flex;
align-items:center;
text-decoration:none;
}
.doc-table-row{
display:flex;
align-items:center;
border-radius:5px;
background:#fff;
position:relative;
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
}
.doc-table .td{
float:left;
padding:12px 10px 12px 10px;
box-sizing:border-box;
flex:0 0 10%;
font-size:12px;
line-height:18px;
color:#444;
}
.doc-table .doc-table-header .td{
padding:3px 10px 0 10px;
font-size:12px;
color:#777;
}
.doc-table .doc-table-header .td a{
color:#777;
text-decoration:none;
}
.doc-table .doc-table-header .td i{
font-size:12px;
padding-right:4px;
}
.doc-table i{
font-size:16px;
color:#999;
}
.doc-table i.orange, .doc-table .orange i{
color:#ff7c2d;
}
.doc-table i.green, .doc-table .green i{
color:#08c880;
}
.doc-table i.red, .doc-table .red i{
color:#e24533;
}
.doc-table .td.w25{
flex:0 0 25%
}
.doc-table .td.w35{
flex:0 0 35%
}
.doc-table .td strong{
display:block;
}
.td-actions{
position:absolute;
top:0;
right:0;
bottom:0;
width:0;
overflow:hidden;
background:#fff;
transition:0.5s;
}
.doc-table-row:hover .td-actions{
width:190px;
transition:0.5s;
}
.td-actions a{
display:block;
width:40px;
line-height:40px;
font-size:16px;
text-align:center;
padding-top:10px;
float:left;
}
.td-actions a i{
font-size:16px;
line-height:40px;
}
.td-actions-holder{
width:190px;
}
.td-actions .separator{
display:block;
height:60px;
width:1px;
background:#e2e6e9;
margin:0 6px 0 6px;
float:left;
}
.mobile-btns{
display:none;
float:right;
}
.video-header{
width:100%;
padding-top:56.2%;
position:relative;
}
.video-header iframe{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100%!important;
height:100%!important;
}
@media all and (max-width:890px){
.search .search-dll{
width:100%;
border-bottom:1px solid #d6d6d6;
}
}
@media all and (max-width:1320px){
header .mobile-btns, header .search-btns{
display:block;
min-height:69px;
line-height:69px;
width:69px;
border-left:1px solid rgba(29,132,181,0.5);
}
header .search-btns a,header .mobile-btns a{
min-height:69px;
line-height:69px;
width:69px;
}
#menu{
display:none;
position:absolute;
top:69px;
left:0;
right:0;
z-index:1000;
background:#fff;
}
nav a, nav div.ddl-holder {
float: none;
margin: 0;
padding: 15px 20px 15px 20px;
font: normal normal bold 14px/30px 'Jura',Arial;
border-left: none;
border-right: none;
transition: 0.3s;
border-top:1px solid #d6d6d6;
}
header, header .header-top{
min-height:69px;
}
.logo img{
height:27px;
}
content{
padding-top:69px;
}
nav div.ddl-holder{
padding:0;
}
nav div.ddl-holder a.lang, nav div.ddl-holder i{
display:none;
}
nav div.ddl-holder .dropdown{
display:block;
position:relative;
top:0;
left:0;
box-shadow: none;
}
nav div.ddl-holder .dropdown::after{
content:'';
display:block;
float:none;
clear:both;
}
nav div.ddl-holder .dropdown a{
float:left;
width:25%;
border:none;
text-align:center;
border-left:1px solid #d6d6d6;
}
}
.control-group.perc, .control-group.abs{
position:relative;
}
.control-group.perc::before {
position: absolute;
bottom: 15px;
right: 15px;
content: "%";
line-height: 45px;
font-size: 15px;
color: #999;
}
.control-group.abs::before {
position: absolute;
bottom: 15px;
right: 15px;
content: "€";
line-height: 45px;
font-size: 15px;
color: #999;
}
.list-sort{
display:block;
position: absolute;
top: 39px;
right: 95px;
z-index:1;
}
@media all and (max-width:1100px){
.list-sort{right:10px;}
}
.list-sort .list-sorter{
float:left;
margin-left:10px;
}
.list-sort .select2-container--default .select2-selection--single{
background-color:#0f477c;
border-color:#3679b8;
height:36px;
}
.list-sort .select2.select2-container{
font-size:14px;
font-family:'Roboto';
}
.list-sort .select2-container--default .select2-selection--single .select2-selection__rendered{
color:#bbe2f0;
line-height:34px;
}
.list-sort .select2-container--default .select2-selection--single .select2-selection__arrow{
height:34px;
line-height:34px;
color:#bbe2f0;
}
.list-sort .list-sorter.sort{
min-width:120px;
}
.last-chance {
padding:3px 3px 2px 3px;
}
.bid-content .bid-actions .last-chance a {
background: rgb(186,7,0);
background: -moz-linear-gradient(top, rgba(186,7,0,1) 0%, rgba(161,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(186,7,0,1) 0%,rgba(161,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(186,7,0,1) 0%,rgba(161,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba0700', endColorstr='#a10000',GradientType=0 );
font-size:18px;
font-weight:bold;
display:none;
}
.last-five .bid-content .bid-actions a {height:25px;line-height:25px;}
.best.last-five .bid-content .bid-actions a {
height:45px;
line-height:45px;
}
.last-five .bid-content .bid-actions .last-chance a {
height:45px;
line-height:45px;
display:block;
}
.best.last-five .bid-content .bid-actions .last-chance a {
display:none;
}
.search-ddl .select2-container--default.select2-selection--single{border:none;}
.card .card.bordered{
overflow:initial;
border-radius:4px;
margin-bottom:0;
}
.card .card.bordered .actions{
padding:0;
}
.card.bordered h2{
padding-left:20px;
padding-right:20px;
font-size:16px;
color:#0f477c;
}
.card-tab-header{
border-bottom:1px solid #d6d6d6;
background:#f9fafb;
padding-left:20px;
}
.card-tab-header h2, .card.bordered .card-tab-header h2{
float:left;
padding-left:0;
}
.card-tab-header::after{
content:'';
display:block;
float:none;
clear:both;
}
.card-tab-holder{
float:right;
}
.card-tab-holder a{
display:block;
float:left;
width:98px;
height:50px;
margin-bottom:-1px;
background:url(/images/damage-actions.png) no-repeat center top;
}
.card-tab-holder a.int{
background-position:center -50px;
}
.card-tab-holder a.oth{
background-position:center -100px;
}
.card-tab-holder a.active{
border-left:1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
background-color:#fff;
background-image:url(/images/damage-actions-hvr.png);
}
.card-tab-holder a:last-child{
border-right:none!important;
}
.damageCar {
margin: auto;
width: 100%;
position: relative;
width: 186px;
}
.damageCar img {
display: block;
position: relative;
}
.damageCar img.damageMap {
z-index: 10;
}
.damageCar .damages-img-stack, .damageCar .damages-img-stack img {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.damageCar .damages-img-stack, .damageCar .damages-img-stack img {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.damageCar .damages-img-stack img.z1 {
z-index: 1;
}
.damageCar .damages-img-stack img.z2 {
z-index: 2;
}
.damageCar .damages-img-stack img.z3 {
z-index: 3;
}
.damageCar .damages-img-stack img.z4 {
z-index: 4;
}
.damages-list::after{
display:block;
content:'';
float:none;
clear:both;
}
.damages-list .dr{
display:flex;
padding-left:10px;
background:#f9fafb;
position:relative;
margin-bottom:5px;
align-items:center;
text-decoration:none;
}
.damages-list .dr.other{
padding:20px;
}
.damages-list .dr.other i{
padding-right:10px;
font-size:16px;
line-height:20px;
color:#777;
}
.damages-list .dr.other span{
font-size:14px;
line-height:20px;
color:#444;
}
.damages-list .dr::after{
content:'';
display:block;
clear:both;
float:none;
}
.damages-list .dr .severity{
display:block;
position:absolute;
top:0;
left:0;
width:10px;
bottom:0;
background:#ccc;
}
.damages-list .dr .severity.s2{
background:#f8ef22;
}
.damages-list .dr .severity.s2.TA, .damages-list .dr .severity.s2.TB, .damages-list .dr .severity.s2.TC, .damages-list .dr .severity.s2.TD{
background:#08c880;
}
.damages-list .dr .severity.s3{
background:#f59b22;
}
.damages-list .dr .severity.s4{
background:#ed1f24;
}
.damages-list .dr .img-holder{
float:left;
max-width:120px;
}
.damages-list .dr .img-holder img{
display:block;
max-width:100%;
}
.damages-list .dr .content-holder{
padding-left:20px;
font-size:13px;
line-height:22px;
color:#666;
}
.damages-list .dr .content-holder strong{
display:block;
font-size:11px;
font-weight:500;
color:#444;
text-transform:uppercase;
}
.auction-promo .promo-price{
position:absolute;
bottom:10px;
left:15px;
}
.auction-promo .promo-price i{
padding-right:7px;
}
h2.orange{
color:#ff7c2d;
padding-bottom:20px;
}
.hammer-holder .hammer-center i.paused {
animation:none;
opacity:1!important;
}
.align-bottom{
position:absolute;
bottom:0;
left:0;
right:0;
}
.maxheight{
height:100%;
}
.sub-align{
padding-left:15px;
padding-bottom:10px;
}
#popupFAQ h1{
border-bottom:1px solid #ccc;
}
.live-auction{
display: none;
position:relative;
padding-left:85px;
font-size:36px;
line-height:34px;
font-weight:500;
padding-top: 13px;
}
.live-auction em{
display:block;
line-height:13px;
font-size:10px;
font-weight:normal;
font-style:normal;
}
.live-auction::before {
content: "";
display: block;
position: absolute;
width: 60px;
height: 60px;
background: url(/images/auction-car-active-hammer-big.png) no-repeat center center;
top: 4px;
left: 0px;
}
.live-auction::after {
content: "";
display: block;
position: absolute;
width: 60px;
height: 60px;
background: url(/images/auction-car-active-circle-big.png) no-repeat center center;
top: 4px;
left: 0px;
animation: spin 2s linear infinite;
}
@media all and (max-width:1330px)
{
.live-auction{
transform:scale(0.8);
transform-origin:0px 50% 0px
}
}
.paging-holder{
padding:10px;
text-align:center;
}
.paging-holder .paging{
display:inline-block;
}
.paging-holder .paging ul,.paging-holder .paging ul li{
padding:0;
margin:0;
list-style:none;
}
.paging-holder .paging ul::after{
content:'';
display:block;
float:none;
clear:both;
}
.paging-holder .paging ul li{
display:block;
float:left;
margin:0 3px 0 2px;
}
.paging-holder .paging ul li a{
display:block;
width:32px;
height:32px;
background:#fff;
border-radius:3px;
text-align:center;
color:#444;
text-decoration:none;
font:normal normal normal 13px/32px 'Roboto',Arial;
}
.paging-holder .paging ul li a.active{
color:#fff;
background:#3d76b8;
font-size:15px;
}
.paging-holder .paging ul li.next a::after{
content:"\f2fb";
font-family:"Material-Design-Iconic-Font";
}
.paging-holder .paging ul li.previous a::after{
content:"\f2fa";
font-family:"Material-Design-Iconic-Font";
}
.page-form input[type='text'].error, .page-form textarea.error{
color:#ff0000;
border-color:#ff0000;
}
.error input[type=checkbox] + label, .error input[type=checkbox] + label a{
color:#ff0000;
}
input[type=checkbox] + label a{
color:#444;
}
.block{
display:block;
}
.search .select2-container--default .select2-selection--single{
border:none;
}
.damages.toggle.closed{
}
.card.bordered.damages.toggle .card-tab-header h2{
padding-top:7px;
padding-bottom:7px;
}
.damages.toggle .card-tab-header h2 a{
text-decoration:none;
position:relative;
padding-left:21px;
display:inline-block;
line-height:25px;
color:#444;
}
.damages.toggle .card-tab-header h2 a::before{
display:block;
content:'\f00d';
font-family:"Font Awesome 5 Pro";
position:absolute;
width:15px;
height:15px;
text-align:center;
line-height:15px;
font-size:13px;
font-weight:900;
color:#fff;
background:#ff7c2d;
border-radius:2px;
top:4px;
left:0;
}
.damages.toggle.closed .card-tab-header h2 a::before{
content:'\f067';
}
.damages.toggle.closed .card-tab-holder{
display:none;
}
.damages.toggle .card-body{
height:auto;
overflow:hidden;
transition:0.3s;
}
.damages.toggle.closed .card-body{
height:0;
transition:0.3s;
}
.card-tab-holder a.last-visible-tab.active{
border-right:1px solid #fff!important;
}
.toggle .card-tab-holder a.active{
background-image:url("/images/damage-actions-hvr-auction.png");
}
.price .promoprice, .price .promoprice span, .price .promoprice em, .card .price .promoprice .vatNote {
color: #ff0000;
}
.car-detail .detail-price .promoprice em,.car-detail .detail-price .promoprice span.note {
color: #ff0000;
}
#back-to-top {
position: fixed;
bottom: 40px;
right: 40px;
z-index: 9999;
width: 50px;
height: 50px;
text-align: center;
line-height: 20px;
background: rgba(0,0,0,0.4);
color: #fff;
cursor: pointer;
border: 0;
border-radius: 5px;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity: 0;
text-transform: uppercase;
font-size: 14px;
box-sizing: border-box;
padding-top: 7px;
}
#back-to-top i{
display:block;
}
#back-to-top:hover {
background: #000;
}
#back-to-top.show {
opacity: 1;
}
.cta.fr{
float:right;
}
.ml{
padding-left:30px;
}
.op-50{
color:#999999;
margin-top:-16px;
font-size:13px;
}
.content p {
color: #fff;
text-align: center;
}
.line{
border-bottom:1px solid #ccc;
}
.select2-container--default.error .select2-selection--single{
border-color:#ff0000;
}
@media all and (min-width:890px)
{
.open-search .search-btns{
opacity:0;
}
.open-search .search{
display:block;
}
.open-search content{
padding-top:135px;
}
}
.popup .input-holder{
border:1px solid #d6d6d6;
border-radius:3px;
position:relative;
margin-bottom:6px;
}
.popup .input-holder.error{
border-color:#ff0000;
}
.popup .input-holder em{
display:block;
font-style:normal;
font-weight:500;
color:#444;
font-size:18px;
line-height:43px;
position:absolute;
top:0;
left:13px;
}
.popup .input-holder input{
display:block;
font-style:normal;
font-weight:500;
color:#444;
font-size:18px;
line-height:43px;
padding:0 0 0 35px;
border:none;
width:100%;
box-sizing:border-box;
text-transform:uppercase;
height:43px;
}
.popup .input-holder.error input{
background:rgba(255,0,0,0.2);
}
.cta.full{
width:100%;
text-align:center;
}
.btns-row{
text-align:center;
}
.display-holder{
display:block;
font-style:normal;
font-weight:500;
color:#000;
font-size:30px;
line-height:43px;
margin-bottom:20px;
}
.display-holder em{
display:inline-block;
padding-right:10px;
font-style:normal;
}
.bid-content .bid-actions.no-max .p3{
width:40%;
}
.bid-content .bid-actions.no-max .p3.m{
width:30%;
}
@media all and (min-width:700px)
{
.boughtcars .row-flex.list .card{
padding-left:210px;
min-height:125px;
}
.boughtcars .row-flex.list .card .img{
width:195px;
overflow:hidden;
position:absolute;
top:0;
left:0;
bottom:0;
}
.boughtcars .row-flex.list .card .specs{
width:65%;
float:left;
position:relative;
}
.boughtcars .row-flex.list .card .specs::before{
position: absolute;
content: '';
display: block;
bottom: -7px;
height: 1px;
left:15px;
width: 30px;
background: #d6d6d6;
}
.boughtcars .row-flex.list .card .specs .col3{
padding-right:0px;
}
.boughtcars .row-flex.list .card .specs .col3 li{
width:50%;
max-width:140px;
}
.boughtcars .row-flex.list .card .title strong{
display:inline;
}
.boughtcars .row-flex.list .card .price{
width:35%;
float:left;
display:block;
padding-top:10px;
}
.boughtcars .row-flex.list .card .price span,.boughtcars .row-flex.list .card .price em {
font-size:14px;
font-weight:bold;
color:#777;
width:100%;
display:block;
}
.boughtcars .row-flex.list .card .price em{
color:#ff5722;
}
.boughtcars .row-flex.list .card .price::before{
display:none;
}
.boughtcars .row-flex.list .card .img img{
height:100%;
width:auto;
margin-left: 50%;
transform: translateX(-50%);
}
.boughtcars .row-flex.list .card .content{
padding-bottom:0;
}
.boughtcars .row-flex.list .card .content::after{
content:'';
display:block;
float:none;
clear:both;
}
.boughtcars .row-flex.list .card .inner-half{
width:50%;
float:left;
line-height:20px;
}
.boughtcars .row-flex.list .card .price{
position:relative;
min-height:40px;
}
}
.col-specs{
order:0;
}
.col-auction{
order:1;
}
.col-desc{
order:2;
}
.col-bids{
order:3;
}
@media all and (max-width:640px){
.thumbs{
display:none;
}
.col-specs{
order:0;
}
.col-auction{
order:1;
}
.col-desc{
order:3;
}
.col-bids{
order:2;
}
}
.bid-actions.disabled
{
position:relative;
}
.bid-actions .bid-cover{
display:none;
}
.bid-actions.disabled .actions, .bid-actions.disabled .max-bid{
opacity:0.5;
}
.bid-actions.disabled .bid-cover{
display:block;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:10;
background:rgba(0,0,0,0);
}
.input-group .input-error{
font:normal normal normal 14px/22px 'Roboto',Arial;
color:#ff0000;
padding-bottom:5px;
margin-top:-15px;
opacity:0;
height:0;
transition:0.3s;
}
.input-group.error .input-error{
opacity:1;
height:49px;
transition:0.3s;
}
.blue-gradient{
background: rgb(14,69,124);
background: -moz-linear-gradient(0deg, rgba(14,69,124,1) 0%, rgba(19,83,145,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(14,69,124,1) 0%, rgba(19,83,145,1) 100%);
background: linear-gradient(0deg, rgba(14,69,124,1) 0%, rgba(19,83,145,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e457c",endColorstr="#135391",GradientType=1);
padding-bottom:20px;
border-bottom: 1px solid #186bbb;
}
.blue-gradient:last-child{
border-bottom:none;
}
.blue-gradient h1{
padding:0 0 10px 0;
}
.main-auction, .secondary-auctions{
}
.main-auction h2{
color:#fff;
font: normal normal normal 36px/40px 'Jura',Arial;
text-transform:uppercase;
font-weight:500;
padding:28px 0 22px 0;
}
.secondary-auctions{
padding-top:20px;
}
.secondary-auctions .card.orange .inner-box, .secondary-auctions .auction-promo.small .card .title{
background:#f89049;
}
footer .card.orange{
height:auto;
}
footer .card.orange .gradient{
text-decoration:none;
color:#fff;
text-transform:uppercase;
background: rgb(211,84,2);
background: -moz-linear-gradient(0deg, rgba(211,84,2,1) 0%, rgba(246,105,10,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(211,84,2,1) 0%, rgba(246,105,10,1) 100%);
background: linear-gradient(0deg, rgba(211,84,2,1) 0%, rgba(246,105,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d35402",endColorstr="#f6690a",GradientType=1);
}
footer .card.orange .gradient .auction-info{
font-size:20px;
}
.extra-auctions a{
display:block;
text-decoration:none;
color:#fff;
padding:12px 20px;
line-height:25px;
font-size:13px;
font-weight:bold;
border-top:1px solid #e0884e;
text-transform:uppercase;
}
.content-white{
background:#fff;
margin-bottom:-20px;
}
.extra-auctions{
background:#f56809;
}
.card .content{
position:relative;
}
.card .content .count-down{
position:absolute;
top:-30px;
right:10px;
border-radius:3px;
background:#fff;
line-height:34px;
font-size:15px;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
z-index:1;
}
.card .content .count-down::after{
content:'';
display:block;
float:none;
clear:both;
}
.card .content .count-down i{
width:34px;
background:#ee3007;
color:#fff;
font-size:15px;
line-height:34px;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
text-align:center;
display:block;
float:left;
}
.content .count-down span{
display:block;
float:left;
font-weight:bold;
color:#222;
padding-right:10px;
width:110px;
text-align:right;
}
.red .list-sort .select2-container--default .select2-selection--single{
background:#c22d02;
border-color:#ff5c2d;
}
.red label.switch{
background:#c22d02;
border-color:#ff5c2d;
color:#fff;
}
.red .switch .slider:before{
background:#ff5c2d;
color:#fff;
}
.red .switch::after{
color:#ff5c2d;
}
.actions .cta.buy.chrono{
padding-left:141px;
padding-right:0;
position:relative;
text-align:center;
}
.actions .cta.buy.chrono .count-down{
position:absolute;
top:0;
left:0;
bottom:0;
width:130px;
padding:5px 10px 11px 0;
line-height:32px;
font-size:15px;
text-align:right;
background:#ae2800;
}
.actions .cta.buy.chrono .count-down::after{
content:'';
display:block;
position:absolute;
right:-21px;
top:0;
width: 0;
height: 0;
border-style: solid;
border-width: 24px 0 24px 21px;
border-color: transparent transparent transparent #ad2800;
}
.actions .cta.buy.chrono .count-down i{
padding-right:12px;
font-size:24px;
line-height:32px;
}
.calendar-header .title.closure{
display:none;
}
.red .list-sort .select2-container--default .select2-selection--single .select2-selection__rendered,
.red .list-sort .select2-container--default .select2-selection--single .select2-selection__arrow{
color:#ffd4c8;
}
.red .switch::before{
color:#ff5c2d;
}
.list .card .content .count-down{
top:10px;
}
.red .car-nav a{
color:#ffd4c8;
}
.car-detail .detail-price.red em, .car-detail .detail-price.red .note{
color:#ef3701;
}
.blue-gradient h2{
color: #fff;
font: normal normal normal 36px/40px 'Jura',Arial;
text-transform: uppercase;
font-weight: 500;
padding: 28px 0 22px 0;
}
@media all and (max-width:560px)
{
.cars h1{
padding-bottom:50px;
}
.list-sort{
right: auto;
left: 0;
top: 80px;
}
}
.no-results{
padding:90px 10px;
}
.no-results .card-body{
padding:20px;
color:#444;
min-height:200px;
font: normal normal normal 36px/40px 'Jura',Arial;
text-transform: uppercase;
font-weight: 500;;
}
@media all and (max-width:350px)
{
.actions .cta.buy.chrono{
padding-left: 0;
padding-top: 65px;
}
.actions .cta.buy.chrono .count-down{
width: 100%;
text-align: center;
bottom: auto;
}
.actions .cta.buy.chrono .count-down::after{
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #ad2800 transparent transparent transparent;
top:auto;
bottom:-10px;
left:50%;
margin-left:-10px;
}
}
.carpass-holder {
position: relative;
display: inline-block;
padding: 6px 11px 6px 0; }
.carpass-holder a {
text-decoration: none; }
.carpass-holder a img {
display: block;
max-width: 100%; }
.carpass-holder a.info {
display: block;
position: absolute;
top: -8px;
right: 0; }
.carpass-holder a.info i {
color: #ccc;
transition: 0.3s;
font-size: 12px;
line-height: 12px; }
.carpass-holder a.info:hover i {
color: #666;
transition: 0.3s; }
.carpass-popup {
position: absolute;
display: none;
top: -7px;
right: 3px;
background: #fff;
padding: 20px;
border-radius: 0;
box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.5);
width: 320px;
box-sizing: border-box;
z-index: 100;
font-size:14px;
line-height:20px;
color:#23353f}
.carpass-popup p{
font-size:14px;
line-height:20px;
color:#23353f
}
.carpass-popup img {
margin-bottom: 20px; }
.carpass-popup .close {
display: block;
position: absolute;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
color: #777;
font-size: 16px;
top: 2px;
right: 2px; }
.carpass-popup p {
line-height: 18px;
font-size: 13px;
color: #333; }
.carpass-popup a.close i {
line-height: 30px;
color: #777;
font-size: 16px; }
.carpass-popup a.carpass-btn {
display: inline-block;
padding: 8px 15px 8px 15px;
border-radius: 5px;
font-size: 13px;
font-weight: 500;
line-height: 24px;
background: #07ae4d;
color: #fff;
text-transform: uppercase; }
.select2-container--default .select2-results > .select2-results__options{
max-height:300px;
}
.price .not-loggedin {
text-transform:none;
color: #1ab8f0;
font-size: 14px;
}
.price .not-loggedin i{
padding-right:8px;
}
.red .price .not-loggedin{
color:#ef3701;
}
.auction-cars .price .not-loggedin{
color:#ff7c2d;
}
.actions .actions-group.short .cta{
width:50%;
}
.blue-gradient h1.p-normal{
padding:30px 0;
}
.p36{
padding:36px;
}
.p86{
padding:36px 86px;
}
.col.dark{
background:#edf2f8;
position:relative;
display:flex;
justify-content:center;
align-items:flex-end;
}
.col.dark::after{
content:'';
display:block;
width: 0;
height: 0;
border: 0 solid transparent;
border-bottom-width: 23px;
border-top-width: 23px;
border-left: 23px solid #fff;
position:absolute;
top:50%;
margin-top:-23px;
left:0;
}
.blue-gradient .card h2.big{
font-size:30px;
line-height:36px;
padding-bottom:16px;
font-family:'Jura',Arial;
font-weight:bold;
text-transform:uppercase;
}
.outro p, .login-link{
font-style:italic;
}
.wysiwyg ul{
padding-left:12px;
padding-top:12px;
padding-bottom:12px;
margin:0;
}
.wysiwyg.ul-big ul{
padding-top:0;
padding-bottom:0;
}
.wysiwyg ul li{list-style:none;padding-left:29px;line-height:20px;padding-top:3px;padding-bottom:3px;position:relative;}
.wysiwyg.ul-big ul li{line-height:25px;padding-top:12px;padding-bottom:12px;}
.wysiwyg ul li::before{content:'\f058';font-family:'Font Awesome 5 Pro';display:block;font-weight:900;position:absolute;top:1px;left:0;line-height:20px;color:#08c880;font-size:16px;}
.wysiwyg.ul-big ul li::before{;top:12px;line-height:25px;}
.bottom-shift{margin-bottom:-20px;}
.pb-10{padding-bottom:10px;}
.p-extra{padding:12px 0;}
.legal-note{padding:0 0 0 15px;color:#777;font-size:11px;line-height:15px;}
.promos .card .title, .auction-promo .card .title, .auction-cars .card .title, .cars .card .title{height:56px;overflow:hidden;}
.promos .card .title strong, .auction-promo .card .title strong, .auction-cars .card .title strong, .cars .card .title strong, .flash-promos .card .title strong{white-space:nowrap;text-overflow: ellipsis;overflow:hidden;}
.flash-promos .price .promoprice, .flash-promos .price .promoprice span, .flash-promos .price .promoprice em, .flash-promos .card .price .promoprice .vatNote{color:#fff;}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */