.benefits-container {background: #fff;} .benefits-container .overlay {background: none; padding: 45px 0;} .benefits-container .tile {float: left; width: 25%; text-align: center; color: #fff; position: relative; margin-top: 40px;} .benefits-container .tile .inner {display: inline-block; position: relative;} .benefits-container .tile .inner svg {width: 100%; max-width: 223px; padding-bottom: 100%; position: absolute; top: 0; left: 0; transform-origin: center;} .benefits-container .tile .inner svg circle { stroke-width: 3px; fill: none; stroke-dasharray: 537; stroke-dashoffset: 537; transform: rotate(-26deg); transform-origin: center} @media screen and (max-width: 1024px) { .benefits-container .tile {width: 50%;} } @media screen and (max-width: 500px) { .benefits-container .tile {margin-top: 10px; padding: 10px} .benefits-container .tile .inner:before {content: none;} .benefits-container .tile .inner h6 {font-size: 12px; line-height: 14px;} } /*SLICK*/ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0; height: 100%} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0); height: 100%;} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px; overflow: hidden;} [dir='rtl'] .slick-slide{float:right} .slick-slide img{margin: 0 auto;} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} #top-banner .ops-sl-left{width:100%} @media screen and (max-width: 1280px) { .slick-arrow {display: none!important;} } .slick-loading .slick-list{background:#fff url(./slick/ajax-loader.gif) center center no-repeat} @font-face{font-family:'slick';font-weight:400;font-style:normal;src:url(./slick/fonts/slick.eot);src:url(./slick/fonts/slick.eot?#iefix) format("embedded-opentype"),url(./slick/fonts/slick.woff) format("woff"),url(./slick/fonts/slick.ttf) format("truetype"),url(./slick/fonts/slick.svg#slick) format("svg")} .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute; z-index: 6; top:50%;display:block;width:36px;height:25px;padding:0;margin-top:-10px\9; margin-top: -13px;/*-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);*/cursor:pointer;color:transparent;border:none;outline:none;background:transparent; transform: none;} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25} .slick-prev:before,.slick-next:before{font-family:'slick', sans-serif;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:-55px; background: url(../imgs/arrow-left.png) no-repeat left top;} .slick-prev:hover {opacity: 0.5; background: url(../imgs/arrow-left.png) no-repeat left top; color: #fff;} [dir='rtl'] .slick-prev{right:-55px;left:auto} .slick-next{right:-55px; background: url(../imgs/arrow-right.png) no-repeat right top;} .slick-next:hover {opacity: 0.5; color: #fff; background: url(../imgs/arrow-right.png) no-repeat right top;} .pictures-slider .slick-next {right: 0; background-image: url(../imgs/slider-arrow-right.png); width: 72px; height: 69px; margin-top: -34px;} [dir='rtl'] .slick-next{right:auto;left:-55px} .pictures-slider .slick-prev {left: 0; background-image: url(../imgs/slider-arrow-left.png); width: 72px; height: 69px; margin-top: -34px;} .slick-slider{margin-bottom:0} .slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center} .slick-dots li {display: inline-block;} .slick-dots button {font-size: 0; width: 20px; height: 20px; padding: 0; margin: 0 4px; border: #ffba00 2px solid; border-radius: 50%; cursor: pointer} .slick-dots .slick-active button {background: #ffba00} .subpage.textpage {background-color: #f2f2f2; padding-bottom: 60px;} .subpage.textpage h1 {font-size: 48px; text-align: center; padding: 30px 0; color: #0099ff; font-weight: 400;} .subpage .sidebar {width: 296px; margin-top: 120px;} .single-offer, .subpage .single-offer {padding: 20px 20px 0 0; position: relative;} .single-offer a, .subpage .single-offer a {background: #fff; display: block;} .single-offer a:hover, .subpage .single-offer a:hover {opacity: 0.8;} .single-offer .title, .subpage .single-offer .title {padding: 17px 12px 10px;} .single-offer .title h4, .subpage .single-offer .title h4 {font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;} .single-offer .content, .subpage .single-offer .content {font-size: 0; text-align: center; position: relative;} .subpage .single-offer.highlighted .content {overflow: hidden;} .subpage .single-offer.highlighted .content img {width: calc(100% + 4px); max-width: calc(100% + 4px); margin-left: -2px;} .single-offer .bottom, .subpage .single-offer .bottom {position: relative; background: #fff;} .single-offer .bottom .price, .subpage .single-offer .bottom .price {padding: 9px 10px 4px; height: 35px; top: -35px; max-width: 140px; color: #0099ff; position: absolute; background: #fff} .subpage .single-offer .title {padding: 12px} .single-offer .bottom .price .numbers, .subpage .single-offer .bottom .price .numbers {font-size: 20px; line-height: 20px; display: inline-block;} .single-offer .bottom .price .currency, .subpage .single-offer .bottom .price .currency {font-size: 11px; line-height: 8px; margin: 1px 0 0; display: inline-block;} .single-offer .bottom .price .currency .smaller, .subpage .single-offer .bottom .price .currency .smaller {font-size: 8px; line-height: 8px; display: block;} .subpage .sidebar .commercial-box {margin-top: 20px; display: block;} .subpage .sidebar .commercial-box:hover {opacity: 0.8} .subpage .text-content {width: calc(100% - 296px);} .subpage .text-content .inner-content {background: #fff; padding: 20px 55px;} .subpage .text-content .inner-content p {margin-top: 20px; color: #2b2c2d; font-size: 16px; line-height: 1.3;} .subpage .text-content .inner-content a {color: #0099ff} .subpage .text-content .inner-content a:hover {text-decoration: underline} .subpage .text-content .inner-content h5 {font-size: 22px; font-weight: 700; margin-top: 30px} .subpage .text-content .inner-content ul {padding: 0 0 0 20px; margin: 10px; line-height: 1.3; list-style: initial} .subpage .questions-container .inner-content {background: #fff; padding: 30px 30px;} .subpage .questions-container .accordion-trigger {border-bottom: 2px solid #f2f2f2; padding: 30px 10px 30px 95px; line-height: 32px; font-size: 26px; color: #0099ff; position: relative; display: block; font-weight: 400;} .subpage .questions-container .accordion-trigger:hover {opacity: 0.7} .subpage .questions-container .accordion-trigger img {position: absolute; top: 34px; left: 27px; transition: ease all 250ms} .subpage .questions-container .active .accordion-trigger img {transform: scaleY(-1);} .subpage .questions-container .accordion-content {display: none; font-size: 18px; line-height: 1.3; padding: 30px 20px 30px 95px; border-bottom: 2px solid #f2f2f2} .subpage .questions-container .accordion-container:last-child .accordion-content {border-bottom: none;} @media screen and (max-width: 1366px) { .subpage.textpage h1 {font-size: 42px; padding: 25px 0;} .subpage .text-content .inner-content {padding: 20px 40px;} } @media screen and (max-width: 1024px) { .subpage.textpage h1 {font-size: 36px; padding: 20px 0;} .subpage .text-content .inner-content {padding: 20px 30px;} } @media screen and (max-width: 768px) { .subpage.textpage h1 {font-size: 32px; padding: 15px 0;} .subpage .sidebar {width: 100%; float: none; margin: 30px 0 0;} .subpage .single-offer {float: left; width: 33.33%;} .subpage .sidebar .commercial-box {display: none;} .subpage .text-content {width: 100%; float: none;} .subpage .text-content .inner-content {padding: 15px 20px;} .subpage .text-content .inner-content p {font-size: 14px; margin-top: 15px;} } @media screen and (max-width: 520px) { .subpage.textpage h1 {font-size: 28px; padding: 10px 0} .subpage .single-offer {width: 50%;} } @media screen and (max-width: 420px) { .subpage.textpage h1 {font-size: 24px;} .subpage .single-offer {width: 100%; max-width: 276px; float: none; margin: 0 auto; padding-right: 0;} .subpage .text-content .inner-content {padding: 10px 15px;} .subpage .text-content .inner-content p {margin-top: 10px;} } .subpage.my-account {background: #f2f2f2;} .tab-triggers {margin-top: 30px;} .tab-triggers .trigger {color: #2f2f2f; font-size: 18px; display: inline-block; vertical-align: top; padding: 13px 25px;} .tab-triggers .trigger.active {background: #fff; font-weight: 700; cursor: default} .tab-triggers .trigger:hover {color: #0099ff;} .tab-triggers .trigger.active:hover {color: #2f2f2f} .tab-triggers-inner {background: #fff;} .tab-triggers-inner .trigger {font-size: 18px; color: #2f2f2f;padding: 20px 25px; display: inline-block;} .tab-triggers-inner .trigger.active {font-weight: 700; cursor: default} .tab-triggers-inner .trigger.active:hover {color: #2f2f2f} .tab-triggers-inner .trigger:hover {color: #0099ff;} .tab-content .nothing {margin-top: 14px; background: #fff; padding: 35px 25px; font-size: 28px; color: #0099ff; line-height: 24px;text-align: center;} .tab-content .nothing .nothing-imgs img{display: inline-block;margin: 0 20px} .tab-content .nothing .nothing-imgs{display: block;margin-bottom: 30px;} .single-auction {margin-top: 14px; background: #fff; padding: 25px; position: relative;} .single-auction.nothing {opacity: 1; background: none; text-align: center;} .listing-content .single-auction.nothing:hover {opacity: 1;} .single-auction > p {font-size: 30px; padding: 20px 0; font-weight: 900;} .single-auction .picture {max-width: 338px; width: 26%; font-size: 0; position: relative;} .nothing p{font-weight: 500} .single-auction .auction-content {padding-left: 38px; text-align: left; width: calc(74% - 210px);} .single-auction .auction-content h3 {font-size: 24px; color: #3a3b3c; font-weight: 700} .single-auction .auction-content p {font-size: 18px; line-height: 24px; color: #616263;} .single-auction .auction-content .vehicle-info {margin-top: 57px;} .single-auction .auction-content .vehicle-info .single {display: inline-block; vertical-align: top; padding: 0 27px 5px; position: relative; font-size: 14px; line-height: 18px; color: #616263} .single-auction .auction-content .vehicle-info .single img {position: absolute; left: 0; top: 0; max-height: 18px;} .single-auction .auction-content .auction-info {margin-top: 23px;} .single-auction .auction-content .auction-info .single {padding-right: 50px;font-size: 15px; line-height: 24px; display: inline-block; vertical-align: top;} .single-auction .auction-content .auction-info .single strong {font-weight: 900;} .single-auction .auction-content .auction-info .single strong span {color: #0099ff} .single-auction .options {width: 210px;} .my-account .single-auction .options {width: 300px; padding: 25px; border-left: 14px solid #f2f2f2; top: 0; right: 0; position: absolute; bottom: 0;} .my-account .single-auction .auction-content {width: calc(74% - 275px)} .single-auction .options h5 {font-size: 18px; line-height: 24px; color: #3c3d3d; font-weight: 900;} .single-auction .options .price {color: #0099ff; margin-top: 16px; padding: 0; text-align: inherit;} .single-auction .options .price .numbers {font-size: 42px; font-weight: 900; display: inline-block;line-height: 45px; vertical-align: top;} .single-auction .options .price .currency {font-size: 22px; line-height: 18px; font-weight: 900; display: inline-block; margin: 4px 0 0 2px;} .single-auction .options .price .smaller {display: block; font-size: 15px; line-height: 14px; font-weight: 700;} .single-auction .options .button {width: 100%; max-width: 100%; margin: 64px 0 0;} .single-auction .options .button img {margin-left: 4px} .tab-content.my-info {padding: 10px 10px 30px; background: #fff;} .tab-content.my-info .input input {border: 2px solid #0099ff;} .tab-content.my-info .input label {display: block; padding-bottom: 7px; line-height: 16px;} @media screen and (max-width: 1024px) { .single-auction .auction-content h3 {font-size: 20px;} .single-auction .auction-content .vehicle-info {margin-top: 26px;} .single-auction .auction-content .auction-info {margin-top: 17px;} .single-auction .options {padding-left: 20px;} .single-auction .options .price .numbers {font-size: 36px; line-height: 38px;} .single-auction .options .price .currency {font-size: 18px; line-height: 16px;} .single-auction .options .price .smaller {font-size: 13px; line-height: 12px;} .single-auction > p {font-size: 24px;} } @media screen and (max-width: 768px) { .tab-content .nothing .nothing-imgs img{margin: 0 41px;} .single-auction {padding: 20px 15px;} .tab-content .nothing {padding: 20px 15px; font-size: 16px;line-height: 22px} .tab-triggers {margin-top: 20px;} .tab-triggers .trigger {font-size: 16px; padding: 10px 15px;} .tab-triggers-inner .trigger {font-size: 16px; padding: 15px;} .single-auction .picture {width: 50%;} .single-auction .auction-content, .my-account .single-auction .auction-content {padding-left: 0; width: 100%; margin-top: 20px;} .single-auction .auction-content h3 {font-size: 20px;} .single-auction .options .button {margin-top: 30px} .single-auction .options, .my-account .single-auction .options {width: 50%; position: static; border-left: 0; padding: 0 0 0 20px;} .single-auction .options, .my-account .single-auction .options {width: 100%; padding-left: 0;float: none;} .single-auction .options .price .numbers {font-size: 36px; line-height: 38px;} .single-auction .options .price .currency {font-size: 18px; line-height: 16px;} .single-auction .options .price .smaller {font-size: 13px; line-height: 12px;} .single-auction .auction-content .vehicle-info {margin-top: 15px;} .single-auction .auction-content .auction-info {margin-top: 10px;} .single-auction > p {font-size: 22px; padding-right: 20px;} .subpage .input .info .tooltip {left: calc(100% - 73px)} .subpage .input .info .tooltip:before {right: 20px} } @media all and (max-width:590px){ .tab-content .nothing .nothing-imgs img{margin: 0 20px;} } @media screen and (max-width: 520px) { .tab-triggers {margin-top: 10px;} .single-auction {padding: 15px 10px;} .tab-content .nothing {padding: 15px 10px; font-size: 14px;line-height: 20px} .tab-triggers .trigger {font-size: 14px; padding: 7px 10px;} .tab-triggers-inner .trigger {font-size: 14px; padding: 10px;} .single-auction .options, .my-account .single-auction .options {padding-left: 10px;} .single-auction .options .button {margin-top: 10px;} .single-auction .options .price {margin-top: 12px;} .single-auction .options .price .numbers {font-size: 32px; line-height: 36px;} .single-auction .options .price .currency {font-size: 16px; line-height: 14px;} .single-auction .options .price .smaller {font-size: 11px;} .single-auction > p {font-size: 18px;} } @media all and (max-width:460px){ .tab-content .nothing .nothing-imgs img{margin: 0 10px;} } @media screen and (max-width: 420px) { .single-auction .picture {width: 100%; float: none; margin: 0 auto} .single-auction .options {width: 100%; padding: 20px 0 0; text-align: center;} .single-auction .options .button {margin: 10px auto 0;} .single-auction > p {font-size: 16px;} .tab-content .nothing .nothing-imgs img{width: 60px;height: 60px;margin: 0 16px} } @media all and (max-width:340px){ .tab-content .nothing .nothing-imgs img{margin: 0 8px;} } .subpage .price { padding: 17px 10px; text-align: center;} .subpage .price .numbers {font-size: 72px; line-height: 72px; font-weight: 700; display: inline-block;} .subpage .price .currency {font-size: 32px; font-weight: 700; line-height: 42px; display: inline-block;} .subpage .price .currency .smaller {font-size: 18px; line-height: 18px; font-weight: 400; display: block;} .auction-slider {position: relative; background: url(../imgs/slick_bg.png) 0 0 repeat;max-height: 357px} .auction-slider .price {background: rgba(46,204,113,0.75); width: 446px; height: 100px; color: #fff; text-align: center; padding: 17px 10px; position: absolute; top: 66px; left: 86px;} /*.auction-slider .pictures-slider img {min-width: 1200px;}*/ .auction-slider .price .numbers {font-size: 72px; line-height: 72px; font-weight: 700; display: inline-block;} .auction-slider .price .currency {font-size: 32px; font-weight: 700; line-height: 42px; display: inline-block;} .auction-slider .price .currency .smaller {font-size: 22px; line-height: 20px; font-weight: 400; display: block;} .auction-slider .more-pictures {transition: none;bottom: 66px; right: 126px; position: absolute;border:1px solid #0099ff; color: #fff; font-size: 16px; font-weight: 400; line-height: 20px; text-align: center; padding: 10px 20px; background: #0099ff} .auction-slider .more-pictures:hover {background: #fff;color:#0099ff} /*.auction-slider .more-pictures span {font-size: 24px; line-height: 24px; font-weight: 400; display: block;}*/ .subpage.auction {background: #f2f2f2; } .subpage.auction .top-bar {background: #fff; padding: 20px; margin-top: 20px;} .subpage.auction .slick-slide img {width: 100%;height: auto} .subpage.auction .top-bar h1 {line-height: 1.3; font-size: 40px;font-weight: 900; color: #09090a; display: inline-block; padding: 0;} .subpage.auction .top-bar .auction-information h5 {font-size: 18px; line-height: 24px; font-weight: 700; color: #09090a; text-align: left; padding-top: 5px;} /*.subpage.auction .top-bar .auction-information h5 span {color: #0099ff}*/ .subpage.auction .top-bar .auction-information p {font-size: 14px; line-height: 20px; color: #2b2b2c; text-align: left; margin-top: 10px;} .subpage.auction .top-bar .auction-information p.stock {font-size: 12px; line-height: 14px; margin-top: 4px;} .subpage.auction h2 {font-size: 30px; line-height: 1.2; font-weight: 700; color: #0099ff; text-align: center;} .subpage.auction .auction-content .boxes {max-width: 880px; padding-right: 20px; width: 65%} .subpage.auction .auction-content .single-box {margin-top: 25px; padding: 25px 48px; background: #fff; text-align: left;} .subpage.auction .auction-content .single-box.benefiting{padding: 25px} .subpage.auction .auction-content .single-data {min-width: calc(33.33% - 4px); max-width: calc(33.33% - 4px); vertical-align: top; display: inline-block; min-height: 44px; margin-top: 25px; padding: 0 10px 0 65px; position: relative; font-size: 18px; line-height: 22px; color: #2b2b2c; text-align: left;} .subpage.auction .auction-content .single-data .data-outer {height: 100%; width: 100%; display: table; min-height: 50px;} .subpage.auction .auction-content .single-data .data-inner {display: table-cell; vertical-align: middle;} .subpage.auction .auction-content .single-data .data-inner span {color: #0099ff; display: block;} .subpage.auction .auction-content .single-data img {position: absolute; top: 50%; margin-top: -25px; left: 0;} .subpage.auction .auction-content .single-box p {font-size: 18px; line-height: 24px; margin: 50px 0 0; color: #2b2b2c; text-align: left;} .subpage.auction .auction-content .quartet .single-data {min-width: calc(33.33% - 4px);} .subpage.auction .auction-content .duet .single-data {min-width: calc(50% - 4px);} .subpage.auction .auction-content .full .single-data {min-width: calc(100% - 4px); max-width: calc(100% - 4px);} .subpage.auction .auction-content .full p {margin-top: 25px;} .subpage.auction .auction-content .price-box{text-align: center;} .subpage.auction .auction-content .price-box .red{display: block;margin: 5px 0;color: #ff0825!important} .popup-overlay .price, .subpage.auction .auction-content .single-box .price, .subpage.auction .auction-content .sliding-content .price {color: #0099ff} .popup-overlay .price .numbers, .subpage.auction .auction-content .single-box .price .numbers, .subpage.auction .auction-content .sliding-content .price .numbers {font-size: 48px; line-height: 48px} .popup-overlay .price .currency, .subpage.auction .auction-content .single-box .price .currency, .subpage.auction .auction-content .sliding-content .price .currency {font-size: 22px; line-height: 30px} .popup-overlay .price .currency .smaller, .subpage.auction .auction-content .single-box .price .currency .smaller, .subpage.auction .auction-content .sliding-content .price .currency .smaller {font-size: 14px; line-height: 10px;} .subpage.auction .auction-content .sliding-content .make-offer-cnt .price .currency, .sliding-box .make-offer-cnt .price .currency {position: absolute; top: 0; right: 9px;} .sliding-box input {padding-right: 52px; padding-left: 10px;} .subpage.auction .auction-content .sliding-content .make-offer-cnt .price, .sliding-box .make-offer-cnt .price {display: inline-block; position: relative;} .subpage.auction .auction-content .single-box .seller-logo {margin-top: 20px;} .subpage.auction .auction-content .single-box .dual-price {text-align: center;} .subpage.auction .auction-content .single-box .dual-price .price {display: inline-block; padding: 17px 30px;} .subpage.auction .auction-content .single-box .dual-price .price p {margin: 0; text-align: center;} .subpage.auction .auction-content .single-box .dual-price .price.black {color: #3a3b3c} .subpage.auction .auction-content .single-box .dual-price .red {display: block; text-align: center; color: #ff0825; font-weight: 700; font-size: 14px;} .subpage.auction .auction-content .single-box .auction-story-cnt {margin-top: 0} .subpage.auction .auction-content .single-box .auction-story-cnt h4 {color: #0099ff; padding-bottom: 30px; font-weight: 700; font-size: 18px; line-height: 20px;} .subpage.auction .auction-content .single-box .auction-story-cnt table {width: 100%; table-layout: fixed; border-collapse: collapse; margin-top: 20px} .subpage.auction .auction-content .single-box .auction-story-cnt td {text-align: left; padding: 13px 9px; vertical-align: middle; border-bottom: 1px solid #c2c2c2; font-size: 14px;} .subpage.auction .auction-content .single-box .auction-story-cnt td strong {font-size: 18px;} .subpage.auction .auction-content .single-box .auction-story-cnt .last td {border-bottom: 0;} .subpage.auction .auction-content .single-box .auction-story-cnt td img {margin-right: 6px; vertical-align: -3px;} .subpage.auction .auction-content .single-box .auction-story-cnt a:hover {color: #0099ff} .subpage.auction .auction-content .more {color: #0099ff; float: right; font-size: 16px; line-height: 16px; margin-top: 35px;} .subpage.auction .auction-content .more img {margin-left: 6px; vertical-align: -2px;} .subpage.auction .auction-content .more:hover {text-decoration: underline;} .subpage.auction .benefits-container {background: #fff;} .subpage.auction .benefits-container .tile .inner:before {background: url(../imgs/auction-gradient-circle.png) no-repeat top; max-width: 144px; background-size: 100% 100%} .subpage.auction .benefits-container .tile .inner{max-width: 144px; } /*.subpage.auction .benefits-container .tile h6 {font-size: 18px; color: #3a3b3c; line-height: 24px; margin-top: 24px; text-align: center;}*/ .subpage.auction .benefits-container .tile h6 {font-size: 12px;line-height: 16px; margin-top: 10px; text-align: center;text-transform: lowercase;font-weight: 400;} .subpage.auction .benefits-container .tile {padding: 0 20px} .subpage.auction .left.boxes .share-cnt {display: block; float: left; margin-top: 10px;} .subpage.auction .options-links {margin-top: 16px; font-size: 18px; line-height: 24px; color: #3a3b3c; float: right; font-weight: 700;} .subpage.auction .options-links a {margin: 0 12px;} .subpage.auction .options-links .last {margin-right: 0;} .subpage.auction .options-links a:hover {text-decoration: underline;} .subpage.auction .bottom-content {width: calc(100% + 20px); margin-right: -20px; padding-top: 20px;} .subpage.auction .bottom-content h2 {color: #0099ff} .subpage.auction .bottom-content .single-offer {width: 33.33%; float: left;} .subpage.auction .sliding-content {width: 35%; padding-top: 0;} .sliding-box {border: 3px solid #0099ff; padding: 25px 32px; background: #fff; text-align: center; color: #313131;} .sliding-box .image-container {margin-top: -84px; text-align: center;} .sliding-box .image-container img {border-radius: 50%; border: 4px solid #0099ff} .sliding-box h3 {font-size: 40px; line-height: 46px; color: #3a3b3c; font-weight: 700; margin: 20px 0 15px;} .sliding-box .quick-info {border: 3px solid #f2f2f2; border-left: none; border-right: none; padding: 12px 0 10px; color: #8e9194; font-size: 18px; line-height: 1.3;} .sliding-box .quick-info label {padding-bottom: 0;} .sliding-box .quick-info .dot {margin: 14px 3px 0; width: 8px; height: 8px; background: #8e9194; border-radius: 50%; display: inline-block;} .sliding-box .quick-info h4 {font-size: 18px; line-height: 1.1} .sliding-box .quick-info h5 {font-size: 16px; margin-top: 2px; line-height: 1.1; font-weight: 400;color: #0099ff} .sliding-box .quick-info span {display: block; margin-top: 2px;} .sliding-box .quick-info sup {line-height: 0; font-size: 14px;} .sliding-box .quick-info-empty {border-top: 3px solid #f2f2f2;} .sliding-box .price {margin-top: 13px; padding: 15px 0 0;} .sliding-box .price.notbuynow {margin-top: 0;} .sliding-box label {font-size: 18px; color: #8e9194; text-align: center;display: block; padding-bottom: 15px;} .sliding-box .make-offer-cnt {position: relative; padding-bottom: 15px} .sliding-box .make-offer-cnt label {padding: 15px 0 0;} .sliding-box .make-offer-cnt .price {padding: 0; color: inherit; margin: 0;} .sliding-box .make-offer-cnt .price .currency {padding-top: 22px; vertical-align: top; padding-left: 1px; color: #6a6a6a} .sliding-box input {border: 3px solid #f2f2f2; height: 58px;max-width: 204px; font-size: 30px; font-weight: 700; text-align: center; margin-top: 15px; padding-top: 2px;} .sliding-box .button {height: 86px; font-size: 40px; font-weight: 900; max-width: 100%; padding: 0; line-height: 92px; margin: 10px 0 0;} .sliding-box .button label {display: none;} .sliding-box .button.buynow-action label {width: 60px; font-size: 9px; left: -10px} .sliding-box .button.button-reserved {font-size: 35px;} .sliding-box .share-cnt {float: left; margin-top: 12px;} .sliding-box .auction-story {display: inline-block; margin-top: 5px; color: #8e9194; font-size: 14px; line-height: 24px;} .sliding-box .auction-story:hover {text-decoration: underline;} .sliding-box .auction-story img {margin-right: 4px; vertical-align: top; width: 16px;} .sliding-box .follow {display: inline-block; margin-top: 20px; color: #313131; font-size: 14px; line-height: 22px;} .sliding-box .follow:hover {text-decoration: underline;} .sliding-box .follow span {border: 2px solid #0099ff; margin-right: 10px; border-radius: 50%; width: 32px; height: 32px; display: inline-block; padding-top: 2px; background: #fff} .sliding-box .follow.active span {background: #0099ff} .sliding-box .follow span img {width: 22px; margin-top: 1px; vertical-align: top;} .sliding-box .red{color: #ff0825!important;margin-top: 15px;display: block;} #negotiate,.negotiate{font-size:18px;color: #1a9bfc;font-weight: bold;cursor: pointer;text-align: center;margin:10px 0} .popup-overlay {background: rgba(0,0,0,0.5); position: fixed;top: 0; left: 0; right: 0; bottom: 0; padding: 10px; z-index: 60} .popup-overlay .popup {padding: 40px; background: #f2f2f2;max-width: 1446px; margin: 0 auto; position: relative; max-height: calc(100vh - 20px); overflow: auto; margin-top: 50vh; transform: translateY(-50%); -ms-transform: translateY(-50%)} .popup-overlay .popup-close {position: absolute; right: 10px; top: 10px; line-height: 0;} .popup-overlay .popup-close:hover {background: #fff} .popup-overlay .popup-slider {max-width: 950px; width: 70%; padding-right: 40px;} .popup-overlay .popup-slider a:hover {opacity: 0.9} .popup-overlay .popup-slider .big-picture {display: block; padding: 3px;} .popup-overlay .popup-slider .bottom-images {font-size: 0;display: flex;flex-wrap: wrap} .popup-overlay .popup-slider .bottom-images a {width: 16.5%; float: none; padding: 0px;border: 3px solid #fff;max-width: 150px;} .popup-overlay .popup-slider .bottom-images a.active {border: 3px solid #3F9597; padding: 0;} .popup-overlay .sliding-box {margin-top: 48px; width: 30%;} .popup-overlay .sliding-box .image-container img {width: 96px;} .popup-overlay .popup-slider .photo_popup_slider_arrow span{opacity: 0} .popup-overlay .popup.popup-system {padding: 40px 36px; max-width: 934px; background: #fff;} .popup-overlay .popup.popup-system .popup-close {top: 16px; right: 16px; width: 18px} .popup-overlay .popup.popup-system .popup-close:hover {opacity: 0.8} .popup-overlay .popup.popup-system .popup-header {border-bottom: 1px solid #e9e8ec; padding-bottom: 15px;} .popup-overlay .popup.popup-system .popup-header h4 {font-size: 24px; color: #3a3b3c; line-height: 1.3; text-align: left;} .popup-overlay .popup.popup-system .popup-content {padding: 0; background: #fff;} .popup-overlay .popup.popup-system .popup-content .title {margin-top: 20px; display: inline-block;} .popup-overlay .popup.popup-system .popup-content .title h3 {font-size: 30px; line-height: 1.1; font-weight: 700; color: #0099ff; text-align: left;} .popup-overlay .popup.popup-system .popup-content .title span {font-size: 14px; font-weight: 400; color: #040404; line-height: 1.1; display: block; margin-top: 10px;} .popup-overlay .popup.popup-system .popup-content .content {margin-top: 0;} .popup-overlay .popup.popup-system .popup-content .content .price {padding: 20px 0 0; vertical-align: top; display: inline-block;} .popup-overlay .popup.popup-system .popup-content .content .price-type {font-size: 14px; font-weight: 700; color: #9c9999; display: inline-block; vertical-align: top; padding:36px 5px 0;} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price-type {padding-top: 30px;} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price .numbers {font-size: 24px; line-height: 24px;} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price .currency {font-size: 14px; line-height: 12px;} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price .currency .smaller {font-size: 10px; line-height: 8px;} .popup-overlay .popup.popup-system .popup-content .content .price .numbers {font-size: 36px; line-height: 36px; font-weight: 700} .popup-overlay .popup.popup-system .popup-content .content .price .currency {font-size: 18px; line-height: 18px; font-weight: 700; display: inline-block;} .popup-overlay .popup.popup-system .popup-content .content .price .currency .smaller {font-size: 13px; line-height: 8px; font-weight: 700; display: block;} .popup-overlay .popup.popup-system .popup-content .content .right {text-align: right; max-width: 370px; margin-top: 0} .popup-overlay .popup.popup-system .popup-content .content .right.price-container {text-align: right; margin-top: 0;} .popup-overlay .popup.popup-system .popup-content .content .button {max-width: 280px; width: 280px; font-size: 30px; float: right;line-height: 60px; padding: 6px 0 0; font-weight: 900; margin-top: 20px;} .popup-overlay .popup.popup-system .popup-content .content .button img {width: 25px; vertical-align: 3px;} .popup-overlay .popup.popup-system .popup-content .content label {font-size: 14px; line-height: 15px; color: #a4a1a1} .popup-overlay .popup.popup-system .popup-content .content .actual-price .price {color: #3a3b3c} .popup-overlay .popup.popup-system .popup-content .content .max-offer .price {color: #0099ff} .popup-overlay .popup.popup-system .popup-content .content .bottom-content {width: 100%; margin: 0; padding: 0 0 0;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content .left {padding-top:33px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content .right {margin-top: 0;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation {padding-top: 0;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation .left {padding-top: 20px;} .popup-overlay .popup.popup-system .popup-content .content .bottom-content.validation .right {padding-top: 0} .popup-overlay .popup.popup-system .popup-content .error-content {border: 2px solid #fa0303; color: #fa0303; font-size: 18px; margin: 20px 0 0; padding: 5px 5px 5px 30px; position: relative; display: block; text-align: center;line-height: 30px; font-weight: 700;} .popup-overlay .popup.popup-system .popup-content .error-content a {text-decoration: underline;} .popup-overlay .popup.popup-system .popup-content .error-content a:hover {color: #000;} .popup-overlay .popup.popup-system .popup-content p {padding: 10px 0 0; text-align: center;} .popup-overlay .popup.popup-system .popup-content h3 {text-align: center;} .popup-overlay .popup.popup-system .popup-content .left {max-width: 368px; width: 50%;} .popup-overlay .popup.popup-system .popup-content .error-content.neutral {border-color: #d2a905; color: #d2a905; display: block; text-align: left; padding-left: 40px;} .popup-overlay .popup.popup-system .popup-content .error-content.good {border-color: #ffba00; color: #ffba00} .popup-overlay .popup.popup-system .popup-content .error-content img {position: absolute; left: 5px; top: 9px; width: 20px} .popup-overlay .popup.popup-system .popup-content .buttons-cnt {margin-top: 20px; text-align: center;} .popup-overlay .popup.popup-system .popup-content .buttons-cnt .button {display: inline-block; margin: 0 3px 10px;} .popup-overlay .popup.popup-system .popup-content .buttons-cnt .popup-close-link:hover {text-decoration: underline;} @media screen and (max-width: 1366px) { .sliding-box {padding: 25px 15px;} .popup-overlay .popup-slider {padding-right: 20px;} .sliding-box h3 {font-size: 34px; line-height: 40px;} .sliding-box .button {height: auto; font-size: 34px; line-height: 66px; max-width: 220px; margin: 10px auto 0;} .sliding-box .button.buynow-action {max-width: 260px;} } @media screen and (max-height: 890px) { .sliding-box h3 {margin: 10px 0 5px; font-size: 34px; line-height: 40px;} .sliding-box .quick-info {padding: 10px 0; line-height: 26px;} .sliding-box .quick-info .dot {margin-top: 8px;} } @media screen and (max-height: 800px) { .sliding-box {padding: 15px 20px;} .sliding-box .share-cnt {display: none!important;} .sliding-box .auction-story {display: none!important;} .subpage.auction .left.boxes .share-cnt {display: block;} .sliding-box .follow {margin-top: 10px;} .sliding-box .price {padding: 8px 0} .sliding-box label {padding-bottom: 5px;} .sliding-box .quick-info {border-width: 1px} .sliding-box .make-offer-cnt label {padding-top: 10px;} .sliding-box input {margin-top: 8px;} .sliding-box .make-offer-cnt .price .currency {padding-top: 16px} .sliding-box .quick-info {font-size: 20px; line-height: 24px;} .sliding-box .button {height: 62px;font-size: 28px;line-height: 62px; max-width: 260px; margin: 10px auto 0;} .sliding-box .button img {width: 28px;vertical-align: baseline;} } @media screen and (max-width: 1024px) { .sliding-box {padding: 25px 10px;} .sliding-box h3 {font-size: 24px; line-height: 34px; margin-top: 15px;} .sliding-box .button {font-size: 30px; line-height: 52px; max-width: 200px; margin: 10px auto 0; height: auto;} .sliding-box .button-reserved{font-size: 20px} .sliding-box .button img {width: 24px; vertical-align: 3px} .sliding-box .button.buynow-action {max-width: 220px; font-size: 22px;} .sliding-box .auction-story {float: none;margin: 10px auto 0; width: 166px; display: block;} .sliding-box .share-cnt {float: none; margin: 12px auto 0; display: block;} .sliding-box input {height: 48px; max-width: 170px;} .popup-overlay .price .numbers, .subpage.auction .auction-content .single-box .price .numbers, .subpage.auction .auction-content .sliding-content .price .numbers {font-size: 32px; line-height: 32px;} .popup-overlay .price .currency, .subpage.auction .auction-content .single-box .price .currency, .subpage.auction .auction-content .sliding-content .price .currency {font-size: 16px; line-height: 18px;} .popup-overlay .price .currency .smaller, .subpage.auction .auction-content .single-box .price .currency .smaller, .subpage.auction .auction-content .sliding-content .price .currency .smaller {font-size: 10px;} .popup-overlay .sliding-box .follow {font-size: 14px; line-height: 20px;} } @media screen and (max-width: 768px) { .subpage.auction .popup-overlay .sliding-box {display: none;} .popup-overlay .popup {padding: 54px 10px 40px;} .popup-overlay .popup-slider {width: 100%; padding-right: 0;} .popup-overlay .popup.popup-system .popup-close {top: 15px; right: 14px; width: 32px;} .subpage.auction .auction-content .sliding-content .make-offer-cnt .price .currency {position:static;} .subpage.auction .auction-content .more {float: none; margin: 20px auto 0; font-size: 14px; width: 250px; text-align: center; display: block;} .subpage.auction .auction-content .more img {margin-left: 10px; width: 15px;} } @media screen and (max-width: 1366px) { .auction-slider .price {top: 30px; left: 30px;} .auction-slider .more-pictures {bottom: auto; top: 30px;right: 30px;} .subpage.auction .top-bar h1 {font-size: 38px;} .subpage.auction .top-bar .auction-information h5 {font-size: 22px; line-height: 22px;} .subpage.auction h2 {font-size: 26px;} .subpage.auction .auction-content .single-box {padding: 25px;} .subpage.auction .auction-content .single-data {font-size: 16px;min-width: 240px;} .subpage.auction .auction-content .quartet .single-data {min-width: 240px;} .subpage.auction .auction-content .duet .single-data {min-width: 240px;} .subpage.auction .top-bar .auction-information p {font-size: 17px; line-height: 19px;} } @media all and (max-width:970px){ .subpage.auction .popup-overlay .sliding-box {display: none;} .popup-overlay .popup-slider {width: 100%;padding-right: 0;} .popup-overlay .popup {padding: 54px 10px 40px;} } @media screen and (max-width: 1024px) { .auction-slider .price {width: 386px; height: 86px} .auction-slider .price .numbers {font-size: 60px; line-height: 60px;} .auction-slider .price .currency {font-size: 26px; line-height: 30px;} .auction-slider .price .currency .smaller {font-size: 17px; line-height: 20px;} .subpage.auction .auction-content .single-box p {font-size: 16px; line-height: 22px;} .subpage.auction .top-bar h1 {font-size: 36px;} .subpage.auction .top-bar .auction-information h5 {font-size: 20px; line-height: 20px;} .subpage.auction .top-bar .auction-information p {font-size: 16px; line-height: 18px;} .subpage.auction .benefits-container .tile {width: 49%; display: inline-block; vertical-align: top; float: none;} .subpage.auction .benefits-container .tile h6 {font-size: 14px; line-height: 20px; margin-top: 10px;} .subpage.auction .bottom-content .single-offer {width: 50%;} } @media screen and (max-width: 768px) { .auction-slider .price {width: 336px; height: 72px} .subpage.auction .top-bar .auction-information h5 {font-size: 16px; line-height: 16px;} .subpage.auction .top-bar .auction-information p {font-size: 14px; line-height: 16px;} .subpage.auction .top-bar h1 {font-size: 32px; line-height: 50px; max-width: 100%; width: 100%; margin-top: 0;} .auction-slider .price .numbers {font-size: 50px; line-height: 50px;} .auction-slider .price .currency {font-size: 22px; line-height: 24px;} .auction-slider .price .currency .smaller {font-size: 15px; line-height: 18px;} .subpage.auction .auction-content .boxes {width: 100%; max-width: 100%; padding-right: 0; float: none;} .subpage.auction .sliding-content {width: 100%; float: none; margin: 20px auto 0!important;} .overall.auction-view {padding-bottom: 77px;} .subpage.auction .sliding-box {padding: 10px 12px 11px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 8; text-align: center;} .subpage.auction .sliding-box .image-container {display: none;} .subpage.auction .sliding-box .mob {display: none;} .subpage.auction .sliding-box h3 {display: none;} .subpage.auction .sliding-box .quick-info {display: none} .subpage.auction .make-offer-cnt {display: inline-block;position: relative; vertical-align: top;} .subpage.auction .make-offer-cnt:before {/*content: "PLN";*/ position: absolute;right: 0; bottom: 0; line-height: 30px; font-size: 10px;color: #3a3b3c} .subpage.auction .sliding-box .price.notbuynow, .subpage.auction .auction-content .sliding-content .price {padding: 0 5px; display: inline-block; float: left; margin-top: 0;} .subpage.auction .sliding-box .button {float: right;position: relative;background: url(../imgs/hammer-icon.svg) no-repeat 5px #0099ff;font-size: 24px;line-height: 42px;max-width: 120px;padding-left: 25px;vertical-align: top;margin-top: 18px;text-transform: lowercase; margin-right: 110px;} .subpage.auction .sliding-box .button.buynow-action {background-image: url(../imgs/cart-icon.png); max-width: 160px;} .subpage.auction .sliding-box .button-reserved{max-width: 220px;} .subpage.auction .sliding-box .button:first-letter {text-transform: uppercase;} .subpage.auction .sliding-box .button:hover {text-decoration: underline;color:#fff} .subpage.auction .sliding-box .button img {display: none;} .subpage.auction .sliding-box .share-cnt {display: none;} .subpage.auction .left.boxes .share-cnt {display: block;} .subpage.auction .sliding-box .auction-story {display: none;} .subpage.auction .sliding-box .follow {font-size: 0; display: none;} .subpage.auction .sliding-box .follow span {padding-top: 4px;} .subpage.auction .sliding-box label {padding: 0 0 13px; font-size: 12px; text-align: left;} .subpage.auction .auction-content .sliding-content .price {color: #3a3b3c} .subpage.auction .auction-content .sliding-content .price .numbers {font-size: 22px; line-height: 22px;} .subpage.auction .auction-content .sliding-content .price .currency {font-size: 10px; line-height: 10px;} .subpage.auction .auction-content .sliding-content .price .currency .smaller {font-size: 8px;} .subpage.auction .sliding-box input {margin-top: 0; width: 100px; padding: 0 5px; height: 30px; font-size: 20px; border: 1px solid #c2c2c2;} .subpage.auction .sliding-box .make-offer-cnt .price .currency {padding-top: 5px;} .subpage.auction .sliding-box .make-offer-cnt label {padding: 0 0 8px;} } @media screen and (max-width: 540px) { .auction-slider .price {width: 260px; padding: 12px; height: 60px; top: 15px; left: 10px;} .auction-slider .price .numbers {font-size: 40px; line-height: 40px;} .auction-slider .price .currency {font-size: 16px; line-height: 17px} .auction-slider .price .currency .smaller {font-size: 11px; line-height: 18px;} .subpage.auction .top-bar h1 {font-size: 26px; line-height: 36px;} .subpage.auction .sliding-box {padding: 7px 2px;} .subpage.auction .sliding-box .button label {display: block; position: absolute; top: -10px; left: -9px; padding-bottom: 0; font-weight: 400; text-transform: capitalize; line-height: 0; width: 100%; text-align: center; white-space: nowrap; min-width: 60px;} .subpage.auction .sliding-box .button.buynow-action {margin-right: 9px} .sliding-box .quick-info-empty {display: none;} .subpage.auction .benefits-container .tile h6 {font-size: 12px; line-height: 18px; margin-top: 0;} .subpage.auction .bottom-content .single-offer {padding-right: 20px;} .subpage.auction .sliding-box .button {font-size: 0; width: 42px; border-radius: 50%; background-position: 8px; padding: 0; margin-top: 15px;} .subpage.auction .sliding-box .button-reserved{margin-right: 20px} .subpage.auction .sliding-box .button-reserved label{left: -23px;} .subpage.auction .benefits-container .tile h6 br{display: none;} #view .sliding-box.feat_box .feat_info_space .button_space div{border-radius: 0} } @media screen and (max-width: 768px) { .radios-cnt {padding: 0 5px;} .checkbox-filter label {height: 35px; line-height: 35px;} } @media all and (max-width: 430px){ .subpage.auction .sliding-box .button{margin-right: 0} .subpage.auction .make-offer-cnt{margin-left: -30px} } @media screen and (max-width: 520px) { .listing-content .single-offer .follow {top: 76px;} } @media screen and (min-width: 801px) { div.advanced-search {display: block!important} } @media screen and (max-width: 800px) { .filter-cnt-trigger {display: block;} .fvisible {overflow: hidden;} /* div.advanced-search {width: 100%; position: absolute; padding-top: 55px; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; margin-top: 0; max-height: 100vh; overflow-x: hidden; overflow-y: auto; display: none;} */ div.advanced-search .title {display: block; position: fixed; z-index: 11; top: 0; right: 0; left: 0; background: #fff; line-height: 1; padding-right: 120px} } @media screen and (max-width: 1366px) { .listing-content .single-offer {width: 49%; display: inline-block; max-width: 338px; float: none; vertical-align: top;} .listing-content .single-auction .auction-content .seller-logo {bottom: 80px} .single-auction .auction-content p {font-size: 16px; line-height: 22px;} .listing-content .single-auction .picture {width: 338px;} .listing-content .single-auction .auction-content {width: calc(100% - 548px);} } @media all and (max-width:1100px){ #listing-desktop {display: block;} /* #listing-mobile {display: block;} */ } @media screen and (max-width: 1240px) { .listing-content .single-auction .picture {width: 208px} .listing-content .single-auction .auction-content {width: calc(100% - 418px);padding: 10px 10px 10px 20px; position: static;} .listing-content .single-auction .auction-content .vehicle-info {margin-top: 0; position: absolute; bottom: 0;} .listing-content .single-auction .options {padding: 10px;} .listing-content .single-auction .options .auction-type {margin-top: 46px;} .listing-content .single-auction .options .auction-type.double-line {margin-top: 32px;} .listing-content .single-auction.promotion .options .auction-type {margin-top: 21px} .listing-content .single-auction .options .price {margin-top: 0;} .listing-content .single-auction .options .price .numbers {font-size: 28px; line-height: 28px;} .listing-content .single-auction .options .price .currency {font-size: 14px; line-height: 16px;} .listing-content .single-auction .options .price .smaller {font-size: 10px; line-height: 10px;} .listing-content .single-auction {position: relative;} } @media screen and (max-width: 1024px) { .listing-content .single-auction {max-width: 338px; margin: 20px auto 0} .listing-content .single-auction .auction-content {width: 100%; padding: 20px;} .listing-content .single-auction .auction-content .seller-logo {position: static; margin-top: 15px;} .listing-content .single-auction .auction-content .vehicle-info {margin-top: 15px;} .listing-content .single-auction .options .auction-type, .listing-content .single-auction.promotion .options .auction-type {margin-top: 26px} .listing-content .single-auction .options .auction-type.double-line, .listing-content .single-auction.promotion .options .auction-type.double-line {margin-top: 14px;} .listing-content .single-auction .options .price {text-align: center;} .listing-content .single-auction .auction-content .vehicle-info {position: static;} .listing-content .single-auction .picture {width: 100%;} .filter-options .view {display: none;} } @media screen and (max-width: 1024px) and (min-width: 640px) { .listing-content .single-auction .picture {margin: 0 auto; float: none;} .listing-content .single-auction .options {width: 100%; padding: 10px; text-align: left; float: none;} .listing-content .single-auction .auction-content {text-align: center;} } @media screen and (max-width: 800px) { .listing-content {width: 103%; padding-left: 0; float: none;} .listing-content .single-offer {width: calc(33.33% - 4px); padding: 3% 3% 0 0} .bigpage{padding: 0} } @media screen and (max-width: 768px) { .filter-options label {display: none;} } @media screen and (max-width: 640px) { .filter-top-bar {display: none!important;} #HEADER.scrolled .filter-trigger {display: none;} .advanced-search {float: none; margin: 10px auto 0;} .listing-content {width: 102%} .listing-content .single-offer {width: calc(50% - 4px)} } @media screen and (max-width: 420px) { .filter-options {float: none;margin: 0 20px 0 0; padding-top: 20px;} .filter-options a {position: absolute;right: 0; top: 0; z-index: 2; transition: ease all 250ms} .filter-options a.active {z-index: 1; opacity: 0;} #listing-mobile {text-align: center;} .listing-content {width: 100%;} .listing-content .single-offer {width: 100%; padding: 20px 0 0;} .listing-content .single-auction .picture {width: 100%;} .listing-content .single-offer .follow {top: 65px; right: 10px;} } a{text-decoration: none;} button{cursor: pointer;border: none} *{box-sizing: border-box;outline: none;line-height: 1} body{margin: 0;} ul{list-style: none;} img{border:none;max-width: 100%} textarea{resize: none;} form{margin: 0;padding: 0} .left{float: left} .right{float: right;} .clear, .clr{clear:both;height: 0;width: 100%;} i{font-family: 'fontawesome';font-style: normal;} .listing{background-color: #f7f8fc} div.advanced-search { background: #fff; width: 300px; padding: 1px 15px 15px; margin-top: 20px; position: relative;z-index: 4;box-shadow: 0px 1px 15px 0px rgba(41, 126, 127, 0.39);} div.advanced-search .title {display: none; position: relative; font-size: 24px; font-weight: 900; text-align: center; padding: 10px 30px; border-bottom: 1px solid #dddddd; margin-bottom: 10px;} div.advanced-search .title a {display: block; position: absolute; right: 20px; top: 2px; height: 39px; width: auto; padding: 0 10px; margin: 0; line-height: 39px;} div.advanced-search .title a:hover {color: #fff;} .filter-cnt-trigger {display: none; text-align: center; font-size: 16px; padding: 15px;} .filter-cnt-trigger:hover {color: #007c54} .advanced-search h5 {font-size: 12px; line-height: 18px; color: #2e312f; font-weight: 900; padding: 20px 0 10px;text-align: left} .advanced-search .radio {margin-right: 14px;} .advanced-search .select2-container {display: inline-block; width: 49%} .advanced-search select.select-min {width: 132px} .advanced-search .select2-container--default .select2-selection--single {border: 1px solid #dddddd; height: 32px;} .advanced-search .select2-container--default .select2-selection--single .select2-selection__arrow b {border-top-color: #007c54;} .advanced-search .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #007c54} .advanced-search .select2-container--default .select2-selection--single .select2-selection__arrow {height: 30px; width: 10px} .advanced-search .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 30px; font-size: 12px; padding: 0 20px 0 10px;} .advanced-search .car-select .select2-container {display: block; width: 100%!important} .advanced-search .car-select .select2-container--default .select2-selection--single {height: 46px; border: none;} .advanced-search .car-select .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 42px; padding: 0 25px 0 70px; font-size: 14px;} .advanced-search .radios-cnt {text-align: left;} .advanced-search .radio label {color: #323131; font-weight: 700; font-size: 12px; padding-left: 22px; margin-top: 12px; width: auto; line-height: 16px} .advanced-search .radio label:before {border-color: #dddddd; width: 16px; height: 16px; border-width: 2px;} .advanced-search .radio label:after {background: #007c54; left: 4px; top: 4px; width: 8px; height: 8px;} .advanced-search .radio input:checked + label:before {border-color: #007c54} .checkbox-filter {display: inline-block; margin-bottom: 3px; min-width: 50px;} .checkbox-filter input {position: absolute; opacity: 0;height: 1px; width: 1px; padding: 0; margin: 0; visibility: hidden;} .checkbox-filter label {background: #d7d7d7; height: 23px; line-height: 23px; color: #616263; text-align: center; padding: 0 10px; display: block; font-size: 12px; font-weight: 700; cursor: pointer;} .checkbox-filter label:hover {opacity: 0.8} .checkbox-filter input:checked + label {background: #007c54; color: #fff} .advanced-search .input input {margin: 0 0 0 10px; display: inline-block; width: 80px; font-size: 12px; height: 32px; border: 1px solid #dddddd; padding: 0 0 0 5px;border-radius: 3px;} .advanced-search .gsearch .input {padding: 0} .advanced-search .gsearch .input input {width: 100%; margin: 0} div.ui-slider {height: 4px; border: none; background: #b7b7b7; border-radius: 0; position: relative; margin-bottom: 20px;} .advanced-search .select-field{width: 100%;max-width: 49%} .filter-top-bar {background: url(../imgs/filter.png) no-repeat 16px 15px #fff; padding: 14px 10px 10px 60px;margin-top: 20px;min-height: 54px;box-shadow: 0px 1px 15px 0px rgba(41, 126, 127, 0.39);display: flex;flex-wrap: wrap;} .filter-top-bar .filter-single { display: inline-block;vertical-align: top;margin-bottom: 0;margin-right: 4px;height: auto;font-size: 15px;text-align: center;padding: 0px 32px 0 10px;position: relative;color: #000;line-height: 28px;font-weight: normal;} .filter-top-bar .filter-single span {position: absolute;right: 0; top: 0; height: 30px; width: 32px; padding-top: 5px;} .filter-top-bar .filter-single span:before, .filter-top-bar .filter-single span:after {height: 19px; width: 2px; content: ""; position: absolute; background: #007c54; top: 5px; left: 50%; margin-left: -1.5px; transform-origin: center; transform: rotate(45deg)} .filter-top-bar .filter-single span:after {transform: rotate(-45deg)} .filter-top-bar .filter-single:hover{text-decoration: line-through} .filter-options {margin: 10px 0px 0 0} .filter-options .select2-container {display: inline-block;} .filter-options .select2-container--default .select2-selection--single {border: none; height: 32px;} .filter-options .select2-container--default .select2-selection--single .select2-selection__arrow b {border-top-color: #007c54} .filter-options .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #007c54} .filter-options .select2-container--default .select2-selection--single .select2-selection__arrow {height: 25px;} .filter-options .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 32px;font-size: 12px} .filter-options label {font-size: 12px; font-weight: 700; line-height: 24px;} .filter-options .view {float: right; margin: 4px 0 0 50px;} .filter-options a {display: inline-block; width: 25px; height: 25px; margin-left: 10px; vertical-align: top} .filter-options a.active span {background: #007c54} .filter-options a:hover span {background: #007c54;} .filter-options a span {display: block;background: #3a3b3c; height: 5px; margin-bottom: 3px;} .filter-options a.grid span {float: left;width: 5px; margin-left: 3px;} .listing-content .single-auction h3 {color: #000;font-size: 24px} .listing-content {width: calc(100% - 300px);padding-left: 20px;} .listing-content .single-auction {padding: 0;box-shadow: 0px 1px 15px 0px rgba(41, 126, 127, 0.39);margin-bottom: 20px;position: relative} .select2-container:hover{background-color: transparent!important;} .listing-content .single-auction .extra-info{ position: absolute;left: -9px;top: 8px;z-index: 2;} #listing-mobile {display: none;} .listing-content .single-auction:hover {opacity: 0.8} .listing-content .single-auction:hover h3 {color: #007c54} .listing-content .single-auction.highlighted {border: 3px solid #007c54} .listing-content .single-auction .picture {width: 34%;position: relative; text-align: center;overflow: hidden;max-width: 244px} .listing-content .single-auction .auction-content {width: calc(66% - 250px); padding: 20px 10px 10px 40px; position: relative;} .listing-content .single-auction .auction-content a{display: flex;flex-direction: column;min-height: 160px;justify-content: space-between;} .listing-content .single-auction .options a{display: flex;flex-direction: column;min-height: 155px;justify-content: space-between;} .listing-content .single-auction .auction-content .vehicle-info,.listing-content .single-auction .options .auction-type{margin-top: 0} .listing-content .single-auction .auction-content .seller-logo {bottom: 60px; left: 40px; position: absolute;} .listing-content .single-auction .options {padding: 25px 20px 10px;} .listing-content .single-auction .options .price {margin-top: 0px; text-align: right;} .promotion-bar {background: #ff1111; position: absolute; leftcommission: -12px; text-align: center; height: 26px; top: 5px; max-width: 134px; width: 100%; font-size: 15px; font-weight: 900; color: #fff; line-height: 22px; padding-top: 3px;} .promotion-bar:before {content: ""; border-width: 4px; border-style: solid; border-color: #770707 #770707 transparent transparent; position: absolute; bottom: -8px; left: 1px;} .listing-content .single-auction .options .price .number-line {font-size: 18px; font-weight: 700; padding: 0 5px; display:inline-block; color: #b7b7b7; margin-bottom: 10px; line-height: 18px; position: relative;} .listing-content .single-auction .options .price .number-line:after {content: ""; background: #ff1111; position: absolute; top: 7px; left: 0; right: 0; height: 2px;} .single-offer .price .price-promoted {background: #fff; position: absolute; top: -22px; height: 22px; padding: 3px 0;font-size: 10px; line-height: 18px; font-weight: 700; color: #b7b7b7; left: 0; width: 100%;} .single-offer .price .number-line {font-size: 15px; vertical-align: top; font-weight: 700; padding: 0 2px; margin-right: 2px; display:inline-block; color: #b7b7b7; margin-bottom: 5px; line-height: 18px; position: relative;} .single-offer .price .number-line:after {content: ""; background: #ff1111; position: absolute; top: 7px; left: 0; right: 0; height: 2px;} .listing-content .single-auction .options .price .numbers {font-size: 32px; line-height: 35px;color: #007c54;font-weight: bold} .listing-content .single-auction .options .price .currency {font-size: 18px; line-height: 20px; margin: 0;color: #007c54} .listing-content .single-auction .options .price .smaller {font-size: 12px; line-height: 10px;color: #007c54} .listing-content .single-auction .options .auction-type {font-size: 14px; line-height: 20px;color: #000; text-align: right;display: block;} .listing-content .single-auction .options .price .old-price{font-size: 14px;color: #000;text-decoration: line-through;text-decoration-color: #ff0000;display: block;margin-bottom: 5px} .listing-content .single-auction.promotion .options .auction-type {margin-top: 62px} .listing-content .single-auction.promotion .options .auction-type.double-line {margin-top: 46px;} .listing-content .single-auction .follow {right: 5px; top: 5px;left: auto!important; position: absolute; z-index: 2; width: 37px; height: 37px; border-radius: 50%; background-color: rgba(255,255,255,.8); text-align: center;line-height: 37px; padding: 8px 0 0 1px;} .the-newest .other-cars .other-car .follow span {background-image: url(../imgs/follow-sprite.png);width: 23px;height: 20px;background-position: bottom;display: block;margin: 0 auto} .the-newest .other-cars .other-car .follow.active,.the-newest .other-cars .other-car .follow:hover{background-color: #d2d0d0;border: none} .the-newest .other-cars .other-car .follow.active span,.the-newest .other-cars .other-car .follow:hover span {background-position: top} .the-newest .other-cars .other-car .follow {right: 5px; top: 5px;left: auto!important; position: absolute; z-index: 2; width: 37px; height: 37px; border-radius: 50%; background-color: rgba(255,255,255,.8); text-align: center;line-height: 37px; padding: 8px 0 0 1px;} .the-newest .other-cars .other-car .follow span,.listing-content .single-auction .follow span {background-image: url(../imgs/follow-sprite.png);width: 23px;height: 20px;background-position: bottom;display: block;margin: 0 auto} .the-newest .other-cars .other-car .follow.active,.listing-content .single-auction .follow:hover{background-color: #d2d0d0;border: none} .the-newest .other-cars .other-car .follow.active span,.the-newest .other-cars .other-car .follow:hover span {background-position: top} .listing-content .single-auction .follow:hover span{background-position: top} .single-auction {margin-top: 14px; background: #fff; padding: 25px} .single-auction.nothing {opacity: 1; background: none; text-align: center;} .listing-content .single-auction.nothing:hover {opacity: 1;} .single-auction > p {font-size: 30px; padding: 20px 0; margin-bottom: 40px; font-weight: 900;} .single-auction .picture {max-width: 338px; width: 26%; font-size: 0; position: relative;} .single-auction .auction-content {padding-left: 38px; text-align: left; width: calc(74% - 210px);} .single-auction .auction-content h3 {font-size: 24px; color: #3a3b3c; font-weight: 700} .single-auction .auction-content h3 span{font-size: 18px;display: block;color: #616263;font-weight: normal;margin-top: 5px} .single-auction .auction-content p {font-size: 18px; line-height: 24px; color: #616263;} .single-auction .auction-content .vehicle-info {margin-top: 57px;} .single-auction .auction-content .vehicle-info .single {display: inline-block; vertical-align: top; padding: 0 27px 0px; position: relative; font-size: 14px; line-height: 18px; color: #616263} .single-auction .auction-content .vehicle-info .single img {position: absolute; left: 0; top: 0; max-height: 18px;} .single-auction .auction-content .auction-info {margin-top: 23px;} .single-auction .auction-content .auction-info .single {padding-right: 50px;font-size: 15px; line-height: 24px; display: inline-block; vertical-align: top;} .single-auction .auction-content .auction-info .single strong {font-weight: 900;} .single-auction .auction-content .auction-info .single strong span {color: #007c54} .single-auction .options {width: 250px;} .my-account .single-auction .options {width: 250px;} .my-account .single-auction .auction-content {width: calc(74% - 250px)} .single-auction .options h5 {font-size: 18px; line-height: 24px; color: #3c3d3d; font-weight: 900;} .single-auction .options .price {color: #007c54; margin-top: 16px; padding: 0; text-align: inherit;} .single-auction .options .price .numbers {font-size: 42px; font-weight: 900; display: inline-block;line-height: 45px; vertical-align: top;} .single-auction .options .price .currency {font-size: 22px; line-height: 18px; font-weight: 900; display: inline-block; margin: 4px 0 0 2px;} .single-auction .options .price .smaller {display: block; font-size: 15px; line-height: 14px; font-weight: 700;} .single-auction .options .button {width: 100%; max-width: 100%; margin: 64px 0 0;} .single-auction .options .button img {margin-left: 4px} .pagination {margin: 15px 0 35px; text-align: center; font-size: 14px; line-height: 20px;} .pagination a {color: #252525; margin: 0 4px; padding: 4px; width: 32px; display: inline-block;border: 2px solid transparent;} .pagination a:hover {color: #007c54} .pagination a:hover img {opacity: 0.8} .pagination > .present {margin: 0 4px; padding: 4px; width: 32px; color: #fff;background: #007c54; display: inline-block;border: 1px solid #007c54;} .pagination .nav-button{margin: 0 4px; padding: 4px; width: 32px;background-color: #fff;text-align: center;cursor: pointer;border: 1px solid #000;color: #000} .pagination .nav-button i{display: block;margin: 0 auto} .pagination .nav-button:hover{color: #fff;background-color: #007c54;border: 1px solid #007c54;} .pagination .nav-element{vertical-align: middle} .pagination .fake-nav{display: inline-block; margin: 0 4px;width: 32px;vertical-align: 3px;} .advanced-search .select-field .select2-container--default .select2-selection--single .select2-selection__arrow{right: 6px;top: 5px!important;} .select2-results__option{font-size: 12px} .range-slider .input label{font-size: 12px} .filter-range{max-width: 253px;margin: 20px auto 0;} .filter-range.ui-slider-horizontal .ui-slider-handle{border-radius: 50%;background-color: #007c54;width: 20px;height: 20px;top: -8px;border: 3px solid #fff;} div.ui-slider.filter-range{background-color: #b7b7b7;border: none; border-radius: 15px;} .filter-range .ui-widget-header{background-color: #007c54} .search-cnt input{width: 100%;border-color: #dddddd;border-radius: 3px;} .advanced-search .select2-container--default .select2-selection--single{border-color: #dddddd!important;} #select-address{width: 100%;max-width: 100%} .advanced-search .select100 .select-field{max-width: 100%;width: 100%} .advanced-search .select100 .select-field #addr_id{background-image: url(../imgs/input-bg.png);background-repeat: no-repeat;background-position: right;padding-right: 25px} .mobile-search-trigger{display: none;margin: 0px auto 0;text-align: center;cursor: pointer;padding-top: 20px;color: #007c54} .mobile-search-trigger:hover{text-decoration: underline} div.advanced-search.mobile-active{transform: scale(1);transition: 250ms ease;height: auto;padding: 1px 15px 15px;margin-top: 20px;display: block;position: relative} .breadcrumbs a:hover{font-weight: normal;text-decoration: underline} .breadcrumbs a{color: #72787a} .breadcrumbs span{color: #007c54} #view .auction-slider{height: auto;max-height: 100%;background: url(../imgs/slick_bg.png) 0 0 repeat;} /*#view .auction-slider .slick-slider{max-height: 357px;}*/ #view .subpage.auction{padding-top: 0} #view .auction-slider .more-pictures {transition: none;bottom: 0;top: 0;margin: auto;right: 126px;position: absolute;border: none;color: #fff;font-size: 36px;font-weight: 400;line-height: normal;text-align: center;padding: 35px 20px;width: 133px;height: 133px;border-radius: 50%;background-color: rgba(0,124,84,.7);z-index: 1} #view .auction-slider .more-pictures span{display: block;font-size: 15px} #view .auction-slider .more-pictures:hover{background-color: #007c54} #view .pictures-slider .slick-arrow{ transition: none;margin: auto;top: 0;bottom: 0;left: auto;right: auto;} #view .pictures-slider .slick-next{background-image: url(../imgs/slider-arrow-right.png);background-position: bottom;width: 18px;height: 34px;right: 15px} #view .pictures-slider .slick-prev{background-image: url(../imgs/slider-arrow-left.png);background-position: bottom;width: 18px;height: 34px;left: 15px} #view .pictures-slider .slick-arrow:hover{background-position: top} #view .subpage.auction .top-bar{margin-top: 0;position: relative;padding: 20px 205px 20px 20px;box-shadow: 0px 1px 15px 0px rgba(41, 126, 127, 0.39);} #view .subpage.auction .auction-content .single-box{box-shadow: 0px 1px 15px 0px rgba(41, 126, 127, 0.39);} #view .subpage.auction .top-bar > img{position: absolute;right: -8px;top: 11px;} #view .sliding-box {border: 3px solid #007c54;color: #3a3b3c;} #view .sliding-box h3 {font-weight: normal;font-size: 35px} #view .sliding-box .image-container img{border-color: #007c54} #view .subpage.auction .top-bar h1{text-align: left;font-weight: normal} #view .subpage.auction .top-bar .auction-information h5 {font-size: 24px;line-height: 24px;font-weight: normal;color: #09090a;text-align: left;padding-top: 5px;} #view .subpage.auction .top-bar .auction-information p{font-size: 18px;line-height: 20px;color: #2b2b2c;text-align: left;margin-top: 10px;} #view .subpage.auction h2{text-transform: uppercase;color: #000;font-size: 24px} #view .popup-overlay .price, #view .subpage.auction .auction-content .single-box .price, #view .subpage.auction .auction-content .sliding-content .price{color: #007c54;font-weight: normal} #view .subpage .price .numbers{font-weight: normal} #view .commission{text-align: center;color: #ee1a30;display: block} #view .negotiate {font-size: 18px;color: #007c54;font-weight: bold;cursor: pointer;text-align: center;margin: 10px auto;display: block;} #view .negotiate:hover{text-decoration: underline} #view .subpage.auction .auction-content .full .single-data{display: flex;align-items: center;margin: 20px 0;} #view .subpage.auction .auction-content .full .single-data p{margin: 0} #view .subpage.auction .auction-content .full .box-element{margin: 10px 0 0;display: inline-block;width: 100%;} #view .subpage.auction .auction-content .full .file-box{display: flex;align-items: center;margin: 20px 0;border: 2px solid #007c54;background-color: #fff;padding: 10px 10px 10px 10px;} #view .subpage.auction .auction-content .full .file-box p{margin: 0} #view .subpage.auction .auction-content .full .file-box img{margin-right: 10px} #view .subpage.auction .auction-content .full .file-box:hover{background-color: #e5f2ee} #view .the-newest{margin-top: 20px} #view .subpage.auction .auction-content .benefits-container{display: flex;border: none;justify-content: space-between;flex-wrap: wrap} #view .subpage.auction .auction-content .benefits-container .tile {text-align: center;color: #fff;position: relative;margin-top: 20px;flex-basis: 20%;width: 100%;float: none;padding: 0;} #view .subpage.auction .auction-content .benefits-container .tile .inner {display: block;position: relative;height: 70px} #view .subpage.auction .auction-content .benefits-container .tile h6{ font-size: 14px;color: #000;line-height: normal;margin-top: 20px;text-align: center;} #view .the-newest .other-cars .other-car{flex-basis: 32%;height: 205px;width: 100%;max-width: 100%;margin: 0} #view .the-newest .other-cars .other-car .other-car-photo {min-width: 275px;} #view .subpage.auction .bottom-content {width: 100%;margin-right: 0;padding-top: 20px;} #view .car-link{z-index: 1} #view .follow-sprite{transition: none} #view .sliding-box label{color: #000} #view .buttonCA{display:block;color: #fff;background-color: #007c54;width: 100%;border: 2px solid #007c54;text-align: center;border-radius: 0;cursor: pointer;height: auto;padding:15px 0;font-weight: normal;font-size: 36px;line-height: normal;} /*#view .button.with-bg{color: #fff;background-color: #007c54}*/ /*#view .button.with-bg:hover{color: #007c54;background-color: #fff}*/ #view .buttonCA:hover{background-color: #069667;border-color: #069667} #view .sliding-box .price{margin-top: 0} #view .sliding-box .quick-info-empty{border-top: 1px solid #c2c2c2;margin: 5px 0; display: inline-block;width: 100%;} #view .popup-overlay .price .currency .smaller,#view .subpage.auction .auction-content .single-box .price .currency .smaller,#view .subpage.auction .auction-content .sliding-content .price .currency .smaller{font-weight: normal} #view .popup-overlay .price .currency, #view .subpage.auction .auction-content .single-box .price .currency, #view .subpage.auction .auction-content .sliding-content .price .currency{font-weight: normal} #view .sliding-box .follow-element{display: flex;align-items: center; justify-content: center;margin: 10px 0;color: #007c54} #view .sliding-box .follow_star{width: 30px;height: 30px;border-radius: 50%;background-color: rgba(255,255,255,.8);text-align: center;padding: 6px 0 0 1px;line-height: normal;margin: 0;border: 2px solid #007c54;margin-right: 10px} #view .sliding-box .follow-element .follow_star span{display:block;background-image: url(../imgs/small-follow-sprite.png);width: 17px;height: 15px;border: none;margin: 0 auto;border-radius: 0;padding: 0;background-position: bottom;transition: none;} /* #view .sliding-box .follow-element:hover .follow span{background-position: top} */ #view .sliding-box .follow-element:hover{text-decoration: underline} #view .sliding-box .follow-element{transition: none} #view .sliding-box label.bold{font-weight: bold} #view .sliding-box label.bold span{text-transform: uppercase;display: block} #view .sliding-box .extra-info{font-size: 14px;margin-top: 10px} .popup-overlay{z-index: 1000} #view .popup .sliding-box h3 {font-weight: normal;font-size: 30px;line-height: normal;} #view .popup-overlay .popup {padding: 20px;background: #f2f2f2;max-width: 1446px;margin: 0 auto;position: relative;height: 88vh;overflow: auto;margin-top: 0;transform: none;max-height: 100%;top: 30px;overflow-x: hidden} #view .popup-overlay .popup .popup-content{max-height: 100%} #view .popup-overlay .sliding-box {margin-top: 60px;} #view .sliding-box .price.price-with-bank .currency{text-align: left} #view .loader_box{position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 100000;} #view .loader_box img{position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;height: 30px} @media all and (max-width:1370px){ .listing-content .single-auction .picture .img-link{position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 1;height: 192px} /*.listing-content .single-auction .picture .img-link img{position: absolute;left: 0;min-width: 244px}*/ .listing-content .single-auction .auction-content{padding: 20px 10px 10px 20px} #view .subpage.auction .auction-content .single-data {font-size: 16px;min-width: 1px;width: 100%;} #view .buttonCA{max-width: 100% !important} } @media all and (max-width: 1280px){ .listing-content .single-auction .options a ,.listing-content .single-auction .auction-content a{min-height: 120px;} .listing-content .single-auction .picture .img-link img{min-width: 244px} .listing-content .single-auction .picture .img-link{height: 155px} .listing-content .single-auction .picture{width: 30%} .single-auction .auction-content .vehicle-info .single {padding: 0 10px 0px 24px;} .single-auction .options {width: 220px;} .listing-content .single-auction .auction-content {width: calc(66% - 200px);} } @media all and (max-width: 1180px){ #view .the-newest .other-cars .other-car {flex-basis: 44%;margin: 0 0 20px;} } @media all and (max-width: 1120px){ .single-auction .auction-content h3{font-size: 20px} .single-auction .auction-content h3 span{font-size: 16px} .listing-content .single-auction .auction-content {padding: 25px 10px 10px 10px; width: calc(66% - 180px);} .listing-content .single-auction .options .price .smaller{font-size: 10px} .listing-content .single-auction .options .price{font-size: 14px;line-height: 16px} .listing-content .single-auction .options .price .numbers{font-size: 25px;line-height: 31px} .listing-content .single-auction .options {padding: 25px 10px 10px;width: 200px;} #view .subpage.auction .auction-content .single-data{max-width: 49%} #view .subpage.auction .auction-content .benefits-container .tile{flex-basis: 33%;} #view .subpage.auction .auction-content .benefits-container{justify-content: center} #view .subpage.auction .auction-content .benefits-container .tile .inner{margin: 0 auto} #view .subpage.auction .auction-content .benefits-container .tile h6{margin-top: 5px} .subpage.auction .auction-content .single-box {padding: 10px;} } @media all and (max-width: 1070px){ .listing-content .single-auction .picture{width: 100%;max-width: 100%;float: none} .listing-content .single-auction .picture .img-link img{position: relative;min-width: 1px} .listing-content .single-auction .picture .img-link{height: auto} .listing-content .single-auction .options {width: 100%;padding: 10px 10px 0;text-align: left;float: none;} .listing-content .single-auction .auction-content { width: 100%;padding: 10px 10px 15px;float: none;text-align: center;} .listing-content .single-auction .options a, .listing-content .single-auction .auction-content a{min-height: 1px} .listing-content .single-auction .options .price,.listing-content .single-auction .options .auction-type{text-align: center} .listing-content .single-auction{max-width: 337px} .listing-content .single-auction .auction-content .vehicle-info{margin-top: 10px} .listing-content .single-auction {max-width: 100%;flex-basis: 49%;} #listing-desktop{display: flex;justify-content: space-between;flex-wrap: wrap;} .listing-content .single-auction{margin-bottom: 0} .listing-content .pagination{flex-basis: 100%;margin-bottom: 15px} #view .subpage.auction .top-bar {padding: 20px 20px 20px 20px;} #view .subpage.auction .top-bar.with_sash{padding: 60px 20px 20px 20px;} } @media all and (max-width: 940px){ .listing-content .single-auction{flex-basis: 244px;} #listing-desktop{justify-content: space-between;} div.advanced-search form .form-inputs .select2-container{max-width: 100% !important} .subpage.auction .sliding-box{z-index: 300} #view .benefits-container{padding: 0} #view .subpage.auction .auction-content .benefits-container .tile{flex-basis: 49%} .single-auction .auction-content .vehicle-info .single{display: inline-block;margin: 3px 0} } @media all and (max-width: 870px){ .listing-content .single-auction{margin: 14px 10px 0;} #listing-desktop {justify-content: center;} } @media all and (max-width: 768px){ #view .sliding-box .quick-info-empty,#view .negotiate,.subpage.auction .sliding-box .image-container,.subpage.auction .sliding-box .mob{display: none;padding: 0;margin: 0;transform: scale(0)} #view .sliding-box .extra-info,#view .sliding-box .follow-element{display: none} #view .buttonCA{ background-image: none;font-size: 14px;padding: 5px 0!important;line-height: normal;margin: 0;height: auto;min-height: 1px;} #view .sliding-box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;} #view.overall.auction-view{padding-bottom: 0} #view .subpage.textpage{padding-bottom: 0} #view .sliding-box label.bold span{display: inline-block} #view .sliding-box .price.buynow.price-mobile{flex-basis: 66% !important;text-align: left!important;padding: 0!important;line-height: 1!important;} #view .sliding-box .buttonCA{flex-basis: 33% !important} #view .sliding-box .price.buynow.price-mobile label{display: inline-block;padding: 0;font-size: 22px;margin-right: 10px;} #view .sliding-box .follow-element{text-align: left;padding: 0} #view .sliding-box .price.price-with-bank.price-with-bank-mobile{flex-basis: 33%;text-align: left!important;padding: 0!important;} #view .sliding-box .price.price-with-bank.price-with-bank-mobile small{display: none} #view .sliding-box .price.price-with-bank.price-with-bank-mobile label{text-align: left!important;padding-bottom: 5px!important;} #view .sliding-box .contact_btn,#view .sliding-box .follow-element{flex-basis: 33%!important;font-size: 14px!important;margin: 0!important;} .subpage.auction .sliding-box{padding: 5px} #view .popup-overlay .sliding-box{display: none!important;} } @media all and (max-width: 685px){ .listing-content{float: none;width: 100%;max-width: 100%;padding-left: 0} div.advanced-search{float: none;width: 100%;max-width: 100%;transform: scale(0);height: 0;margin-top: 0;padding: 0;} div.advanced-search form .form-inputs{display: flex;justify-content: space-between;flex-wrap: wrap} div.advanced-search form .form-inputs > div{width: 100%;flex-basis: 49%} div.advanced-search form .form-inputs .search-cnt input {width: 100%;margin-top: 0;} .mobile-search-trigger{display: block} div.advanced-search form .form-inputs .search-cnt .advanced-search .select2-container{width: 100% !important} div.advanced-search form .form-inputs > div.range-slider{max-width: 400px} #view .buttonCA {padding: 10px 0 10px;flex-basis: 100%;max-width: 100%;} #view .sliding-box .price{position: absolute;left: 5px;top: 12px} #view .sliding-box .price.price-with-bank{left: auto;right: 5px} #view .sliding-box{ padding-top: 70px;} #view .the-newest .other-cars .other-car{flex-basis: 49%} #view .the-newest .other-cars{justify-content: space-between} #view .sliding-box {padding-top: 5px !important;} } @media all and (max-width: 630px){ div.advanced-search form .form-inputs > div{flex-basis: 100%} } @media all and (max-width: 500px){ #view .the-newest .other-cars .other-car .other-car-photo {min-width: 1px;left: 0;right: 0;position: relative;margin: 0 auto;display: block;} #view .the-newest .other-cars .other-car {flex-basis: 100%;} #view .the-newest .other-cars{justify-content: center} #view .the-newest .other-cars .other-car{flex-basis: 328px} } @media all and (max-width: 450px){ #view .sliding-box label.bold span{display: block} #view .sliding-box .price.price-with-bank label{padding-bottom: 1px} #view .contact_btn{font-size: 15px;margin: 0} }