.pix-filter-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.pix-filter-col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 287px;
-ms-flex: 0 0 287px;
flex: 0 0 287px;
max-width: 287px
}       .pix-filter-row + .pix-filter-row {
margin-top: 32px;
}
.pix-filter-row + .text-center {
margin-top: 22px;
}
.pix-filter-row + .pix-filter-row .pix-range-box{
padding-bottom: 0;
}
.pix-filter-col .text-center .pix-button{
width: 100%;
}
.hidden{
display: none;
}
.pix-range-box {
padding: 22px 0 0;
position: relative;
margin-top: -3px;
}
.pix-sidebar-form .pix-range-box {
padding-bottom: 0
}
.pix-slider-range {
height: 3px;
margin: 0 5px 5px;
position: relative;
border: none
}
.pix-slider-range:before {
content: '';
position: absolute;
top: 0;
left: -5px;
width: 5px;
height: 100%
}
.pix-slider-range:after {
content: '';
position: absolute;
top: 0;
right: -5px;
width: 5px;
height: 100%
}
.ui-slider .ui-slider-handle {
width: 11px;
height: 11px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #fff;
-webkit-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
cursor: pointer;
margin-left: -5px;
top: -4px;
border: none !important
}
.pix-range-title {
text-align: center; }
.pix-first-value {
position: absolute;
z-index: 1;
top: -3px;
left: 0
}
.pix-last-value {
position: absolute;
z-index: 1;
top: -3px;
right: 0
}
.pix-range-title, .pix-first-value, .pix-last-value { font-size: 15px;
font-family: var(--pix-main-font);
}
.pix-slider-range {
background: #303030
}
.pix-slider-range:before, .pix-slider-range:after {
background: #303030
}
.pix-sidebar-form .pix-slider-range, .pix-sidebar-form .ui-slider-range {
background: #3e3e3e
}
.ui-slider .ui-slider-handle {
background: #fff;
position: absolute;
z-index: 1;
}
.ui-slider .ui-slider-handle:hover, .ui-slider .ui-slider-handle.ui-state-active {
background: var(--pix-main-color);
}
.pix-sort-select {
max-width: 265px;
display: inline-block;
min-width: 250px;
margin-right: 20px;
}
.pix-sort-select:last-of-type {
margin-right: 0;
}
.pix-sort-select .pix-button {
max-height: 51px;
width: 100%;
line-height: 1 !important;
}
.pix-change-view-btns {
text-align: right
}
.pix-change-view-btns button {
display: inline-block;
vertical-align: top;
width: 55px;
height: 55px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #d6d6d6;
background: none;
margin-left: 5px;
cursor: pointer;
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.pix-change-view-btns button:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto
}
.pix-change-view-btns button.pix-view-btn-1:before {
background-image: url(//berlinexauto.com/wp-content/plugins/pix-cars/assets/images/sprite.png);
background-position: 0px -475px;
width: 23px;
height: 23px
}
.pix-change-view-btns button.pix-view-btn-2:before {
background-image: url(//berlinexauto.com/wp-content/plugins/pix-cars/assets/images/sprite.png);
background-position: 0px -444px;
width: 27px;
height: 21px
}
.pix-change-view-btns button:hover {
opacity: 0.8
}
.pix-listing-top-row {
margin-bottom: 50px;
padding-right: 25px
}
.pix-product-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 25px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: -webkit-box-shadow 0.3s ease;
transition: -webkit-box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
margin-bottom: 30px;
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0px 10px 30px 0px rgba(0,0,0,0.05);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1), 0px 10px 30px 0px rgba(0,0,0,0.05);
}
.pix-product-box:hover {
-webkit-box-shadow: 0 9px 46px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 9px 46px 0 rgba(0, 0, 0, 0.1)
}
.pix-product-box-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 380px;
-ms-flex: 0 0 380px;
flex: 0 0 380px;
max-width: 380px;
margin-right: 30px;
position: relative
}
.pix-product-box-img a {
display: block;
position: relative;
width: 100%;
height: auto;
}
.pix-product-box-sticker {
position: absolute;
top: 15px;
right: 15px;
padding: 5px 15px 4px;
z-index: 1;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 4px;
font-size: 14px;
line-height: 24px;
font-weight: 700;
color: #fff;
background: rgba(var(--pix-main-color-hex), 1);
}
.pix-product-box-sticker.pix-dark-sticker {
background: rgba(0, 0, 0, 0.55);
}
.pix-single .pix-product-box-sticker {
z-index: 5;
top: 40px;
right: 40px;
padding: 10px 25px 9px;
font-size: 16px;
}
html .pix-product-box-sticker.large{
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 0;
bottom: 0;
width: calc(100% - 20%);
height: calc(100% - 20%);
right: 0;
left: 0;
margin: auto;
padding: 0;
z-index: 2;
-webkit-border-radius: 0;
border-radius: 0;
line-height: normal;
text-align: center;
font-size: 50px;
font-weight: 700;
color: #fff;
background: rgba(var(--pix-main-color-hex), 0.5);
}
.pix-product-box .pix-product-show-boxes {
position: relative;
min-height: 230px;
}
.pix-product-box .pix-product-show-boxes img { visibility: hidden;
opacity: 0;
width: 100%;
height: auto;
transition: .5s;
position: absolute;
}
.pix-product-box .pix-product-show-boxes img:first-child { visibility: visible;
opacity: 1;
}
.pix-product-box .pix-product-show-boxes.pix-full-stack:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 1;
}
.pix-product-box .pix-product-show-boxes.pix-full-stack:after {
content: attr(data-content);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-image: url(//berlinexauto.com/wp-content/plugins/pix-cars/assets/images/more-photo.svg);
background-size: contain;
background-repeat: no-repeat;
background-position-x: center;
width: 80px;
height: 53px;
padding-top: 32px;
font-weight: 700;
text-align: center;
color: white;
z-index: 2;
}
.pix-product-box-title {
flex-grow: 1;
margin-bottom: 45px;
font-family: var(--pix-title-font);
font-size: 17px;
line-height: 24px;
font-weight: 700;
}
.pix-product-box-title a {
text-decoration: underline;
}
.pix-product-box-title a:hover {
text-decoration: none;
}
.pix-product-box-text {
margin-bottom: 30px;
font-family: var(--pix-main-font);
font-size: 16px;
line-height: 24px;
}
.pix-product-box-list + .pix-product-box-text{
margin-top: 15px;
margin-bottom: 15px;
}
.pix-product-box-list {
font-size: 15px;
line-height: 1;
font-weight: 600;
display: flex;
display: grid;
grid-template-columns: auto auto auto;
justify-content: space-between;
}
.pix-product-box-list ul {
display: inline-block;
vertical-align: top;
}
.pix-product-box-list ul li {
margin-bottom: 10px;
list-style: none;
color: var(--pix-hlink-color);
}
.pix-product-box-list ul li span{
color: #5c5c5c;
padding-right: 5px;
font-weight: 400;
position: relative;
display: inline-block;
min-width: 30px;
}
div ul li span.pix-units{
min-width: auto;
padding-right: 0;
padding-left: 3px;
}
.pix-theme-tone-dark .pix-product-box-list ul li span {
color: #bbb;
}
.pix-product-box-list ul li span img {
max-width: 16px;
left: 0;
top: -3px;
opacity: .6;
position: absolute;
}
.pix-product-box-info {
width: 100%;
}
.pix-product-box-header {
display: flex;
display: grid;
grid-template-columns: auto auto;
grid-column-gap: 35px;
align-content: start;
}
.pix-product-box-price {
text-align: right;
}
.pix-product-box-price .pix-button {
position: relative;
top: -8px;
}
.pix-product-box-btn {
margin-bottom: 10px;
overflow: hidden;
font-size: 0;
white-space: nowrap
}
.pix-product-box-btn .pix-button {
width: 140px;
-webkit-transform: translateX(-140px);
-ms-transform: translateX(-140px);
transform: translateX(-140px);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.pix-product-box-btn .pix-button.pix-gray-btn {
opacity: 0;
visibility: hidden
}
.pix-product-box-btn:hover .pix-button {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 0;
visibility: hidden
}
.pix-product-box-btn:hover .pix-button.pix-gray-btn {
opacity: 1;
visibility: visible
}
.pix-product-box-btn.pix-booked-btn .pix-button {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
cursor: default
}
.pix-product-box-btn.pix-booked-btn .pix-button:hover {
opacity: 1;
visibility: visible
}
.pix-product-box-line {
text-align: center;
margin-bottom: 30px;
min-height: 20px;
font-size: 14px;
line-height: 26px;
font-weight: 700;
}
.pix-product-box-line span {
text-decoration: line-through
}
.pix-product-box-checkbox {
text-align: left;
font-size: 15px;
}
.pix-sub-categories-checkbox {
padding-left: 15px;
margin-bottom: .3rem;
font-size: 14px;
}
.pix-sub-categories-checkbox label{
margin-bottom: .2rem;
}
.pix-product-box-checkbox label {
cursor: pointer;
display: inline-block;
vertical-align: top;
padding-left: 25px;
position: relative
}
.pix-product-box-checkbox label input[type=checkbox] {
display: none;
}
.pix-product-box-checkbox label input[type=checkbox]:checked + .pix-checkbox-icon:before {
opacity: 1;
}
.pix-product-box-checkbox label .pix-checkbox-icon {
width: 14px;
height: 14px;
border: 1px solid #7b7b7b;
-webkit-border-radius: 2px;
border-radius: 2px;
display: block;
position: absolute;
top: 6px;
left: 0;
}
.pix-product-box-checkbox label .pix-checkbox-icon:before {
content: '';
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
left: 1px;
-webkit-border-radius: 3px;
border-radius: 3px;
opacity: 0;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}
.pix-checkbox-text {
font-size: 14px;
font-weight: 700;
}
.pix-product-hover-boxes {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.pix-no-link{
text-decoration: unset !important;
cursor: default;
}
.pix-product-hover-boxes .pix-hover-box {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.pix-product-dots-boxes {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
}
.pix-product-dots-boxes .pix-dot-box {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
margin: 5px 5px 10px 5px;
background: #fff;
height: 5px;
}
#pixcars-listing {
margin-bottom: 100px;
}
.pix-product-list {
margin-bottom: 50px;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
}
.pix-product-grid {
overflow: hidden;
margin-bottom: 25px;
-webkit-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
transition: all 0.15s ease;
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.container-fluid .pix-product-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.pix-product-grid-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -16px;
}
.pix-product-grid .pix-product-box {  }
.pix-product-grid .pix-product-box {
flex-direction: column;
padding: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: none;
-o-transition: none;
transition: none;
margin-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
overflow: hidden;
}
.pix-product-grid .pix-product-box:hover {
box-shadow: none;
}
.pix-product-grid .pix-product-box-img {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-right: 0;
}
.pix-product-grid .pix-product-box-info {
padding: 0;
}
.pix-product-grid .pix-product-box-price,
.pix-sidebar-related-box .pix-product-box-price{
padding: 0;
margin: 0;
text-align: left;
height: 50px;
font-size: 36px;
font-weight: 700;
color: var(--pix-main-color);
}
.pix-product-grid .pix-product-box-price .pix-price-text,
.pix-sidebar-related-box .pix-product-box-price .pix-price-text {
font-size: 22px;
}
.pix-product-grid .pix-product-box-price .pix-price-text .pix-price-sep,
.pix-sidebar-related-box .pix-product-box-price .pix-price-text .pix-price-sep {
font-size: 26px;
}
.pix-sidebar-related-box .pix-product-box-price {
margin-bottom: 10px;
}
.pix-product-grid .pix-product-box-title {
font-size: 18px;
line-height: 1.7;
font-weight: 400;
margin-bottom: 0;
}
.pix-product-grid .pix-product-box-title a {
text-decoration: none;
}
.pix-product-grid .pix-product-box-info {
margin-bottom: 10px;
}
.pix-single-car-title-image {
min-height: 100px;
max-width: 300px;
background-size: cover;
background-position: center center;
margin: 0 auto;
}
.pix-product-box-title a:hover {
color: var(--pix-main-color)
}
.pix-product-box-text {
color: #5c5c5c;
}
.pix-product-box-line {
color: #5c5c5c;
}
.pix-product-box-btn.pix-booked-btn .pix-button {
background: #9a9a9a
}
.pix-product-box-btn.pix-booked-btn .pix-button:hover {
background: #9a9a9a
}
.pix-product-box-checkbox label .pix-checkbox-icon:before {
background: var(--pix-main-color);
}
.pix-product-dots-boxes .pix-dot-box {
background: #fff;
}
.pix-product-dots-boxes .pix-dot-box.pix-active {
background: var(--pix-main-color);
} .pix-single-slider.owl-carousel .owl-nav button.owl-next {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: 0;
background: rgba(0, 0, 0, 0.58);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 40px;
text-align: center;
font-size: 22px;
font-family: 'Rubik', sans-serif;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease
}
.pix-single-slider.owl-carousel .owl-nav button.owl-prev {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
left: 0;
background: rgba(0, 0, 0, 0.58);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 40px;
text-align: center;
font-size: 22px;
font-family: 'Rubik', sans-serif;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease
}
.pix-single-slider.owl-carousel .owl-item img,
.pix-miniature-slider.owl-carousel .owl-item img{
height: auto;
}
.pix-single-inner.right {
padding-right: 25px
}
.pix-single-inner.left {
padding-left: 25px
}
.pix-slider-wrapper {
position: relative
}
.pix-slider-wrapper .pix-photoswipe-btn {
position: absolute;
display: block;
left: 24px;
bottom: 24px;
background-image: url(//berlinexauto.com/wp-content/plugins/pix-cars/assets/images/maximize.svg);
background-size: cover;
width: 20px;
height: 20px;
z-index: 2;
cursor: pointer;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}
.pix-slider-wrapper .fancybox:not(.pix-photoswipe-btn) {
pointer-events: none;
cursor: default;
}
.pix-slider-wrapper .pix-photoswipe-btn:hover {
opacity: 0.8
}
.pix-slider-count-slides {
position: absolute;
right: 22px;
bottom: 22px;
padding-left: 28px;
z-index: 5;
color: #fff !important;
}
.pix-slider-count-slides:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
background-image: url(//berlinexauto.com/wp-content/plugins/pix-cars/assets/images/images.svg);
background-size: cover;
width: 20px;
height: 20px
}
.pix-single-list ul li {
list-style: none
}
.pix-single-price {
cursor: default
}
.pix-single-price:hover {
opacity: 1
}
.pix-single-rent{
display: flex;
justify-content: space-between;
padding: 0 35px 45px;
background: #f5f5f5;
}
.pix-single-rent.listing{
font-size: 14px;
padding: 0;
margin-top: 20px;
background: transparent !important;
}
.pix-single-rent div > span{
display: block;
}
.pix-single-rent .pix-th{
font-weight: 600;
}
.pix-single-rent .pix-td{
text-align: center;
}
.pix-single-rent .pix-td span:last-of-type{
font-weight: 600;
color: var(--pix-hlink-color);
}
.pix-single-rent.side{
color: #a7a7a7;
padding: 0;
background: transparent;
flex-direction: column;
}
.pix-single-rent.side > div{
display: flex;
justify-content: space-between;
}
.pix-single-rent.side div > span{
display: inline-block;
}
.pix-single-rent.side .pix-td span:last-of-type{
color: #fff;
}
@media (min-width: 576px){
.modal-dialog.modal-dialog-centered{
max-width: 548px;
}
}
@media screen and (max-width: 900px) {
.pix-single-rent.listing{
flex-direction: column;
}
.pix-single-rent.listing .pix-th{
font-size: 14px;
}
.pix-single-rent.listing > div{
display: flex;
justify-content: space-between;
}
.pix-single-rent.listing div > span{
display: inline-block;
}
}
.pix-single {
margin-bottom: 70px
}
.pix-single.pix-modal-slider {
margin-bottom: 0;
}
.pix-modal-title {
padding: 0 20px;
font-size: 16px;
font-weight: 600;
}
.pix-slider-wrapper + .pix-modal-title,
.pix-miniature-slider + .pix-modal-title{
padding-top: 20px;
}
.pix-test-drive-form.pix-car-cf7{
padding-top: 20px;
}
@media (min-width: 768px){
.pix-test-drive-form .col-md-6.first{
padding-right: .5em;
}
.pix-test-drive-form .col-md-6.last{
padding-left: .5em;
}
}
.pix-single-tabs {
margin-bottom: 75px
}
.pix-single-tabs ul.nav {
border-bottom: 1px solid
}
.pix-single-tabs ul.nav li {
margin-right: 5px;
font-family: var(--pix-title-font);
}
.pix-single-tabs ul.nav li a {
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
padding: 20px 25px;
display: inline-block;
vertical-align: top
}
.pix-single-tabs .tab-pane {
padding: 45px 25px 45px 0
}
.pix-single-tabs .pix-checklist {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
.pix-single-tabs .pix-checklist li {
list-style: none;
padding-left: 33px;
position: relative;
margin-bottom: 0;
}
.pix-single-tabs .pix-checklist li:before {
content: '';
position: absolute;
top: 2px;
left: 0;
background-image: url(//berlinexauto.com/wp-content/plugins/pix-cars/assets/images/check-circle.svg);
background-size: cover;
width: 21px;
height: 21px
}
.pix-single-tabs .pix-checklist li.pix-li-cancel:before {
background-image: url(//berlinexauto.com/wp-content/plugins/pix-cars/assets/images/cancel-circle.svg);
width: 21px;
height: 21px
}
.pix-features-text {
margin-top: 2em;
}
.pix-features-text p{
font-size: 16px;
}
.pix-economy-row span {
margin-right: 5px;
display: inline-block;
vertical-align: middle;
min-width: 35px
}
.pix-miniature-slider-item {
cursor: pointer;
-webkit-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease
}
.pix-miniature-slider-item:hover {
opacity: 0.8
}
.full-width > .pix-single{
margin-bottom: 0;
}
.pix-single-image img {
width: 100%;
height: auto;
}
.full-width > .pix-single-info{
padding: 45px 110px;
grid-template-columns: 40% 20% 40%;
grid-column-gap: 0;
background-color: #0f0f0f !important;
}
.pix-single-info.pix-product-grid .pix-product-box-price {
font-size: 50px;
line-height: 1;
}
.pix-product-box-power {
justify-self: end;
}
.pix-product-box-power ul li {
list-style: none;
text-align: center;
display: inline-block;
margin-left: 50px;
}
.pix-product-box-power ul li div{
font-size: 50px;
font-weight: 700;
line-height: 1;
color: #fff;
}
.pix-product-box-power ul li span{
font-size: 16px;
opacity: .7;
}
h1.pix-single-title{
text-align: center;
}
.pix-single-miniatures {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.pix-single-miniatures-item {
width: 25%;
}
.pix-single-miniatures-item img {
width: 100%;
object-fit: cover;
object-position: bottom;
}
.pix-single-miniatures-item.box-icon {
display: flex;
align-items: center;
flex-direction: column;
padding: 45px 0;
}
.pix-single-miniatures-item.box-icon img,
.pix-single-miniatures-item.box-icon svg{
width: 50px;
height: auto;
fill: var(--pix-main-color);
}
.pix-single-miniatures-item.box-icon span {
padding-top: 20px;
font-size: 18px;
color: #fff;
font-weight: 500;
}
.pix-price-description p{
font-size: 16px;
line-height: 1.4;
padding-top: 10px;
margin-bottom: 0;
color: var(--pix-main-color);
}
.pix-row-single-full-width{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 50px;
}
.pix-row-single-full-width .pix-sidebar-related-box,
.pix-row-single-full-width .pix-sidebar-related-box-img{
max-width: 100%;
}
@media (max-width: 575px){
.full-width > .pix-single-info{
padding: 45px 30px;
grid-template-columns: auto;
justify-content: center;
grid-row-gap: 30px;
}
.pix-product-grid .pix-product-box-price{
height: auto;
text-align: center;
}
.pix-product-box-power{
justify-self: center;
}
.pix-product-box-power ul li{
text-align: center;
display: block;
margin-left: 0;
}
.pix-single-miniatures-item{
width: 100%;
}
.pix-single-miniatures-item.box-icon{
width: 50%;
}
}
.pix-light-input {
width: 100%;
border: 1px solid;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 55px;
padding: 0 20px;
border-color: #b4b4b4;
}
.pix-light-input.daterange {
padding-left: 40px;
padding-right: 0;
display: block;
}
.pix-light-input.daterange.hide {
display: none;
}
textarea.pix-light-input{
height: 105px;
margin-bottom: -8px;
padding-top: 10px;
}
.pix-reservation .daterange + i{
position: absolute;
top: 19px;
left: 35px;
font-size: 18px;
color: #777;
}
select:invalid {
color: #777 !important;
}
.pix-light-input option[value=""][disabled] {
display: none;
}
.text-white-color .pix-test-drive-form .pix-light-input{
color: var(--pix-font-color);
}
html .date-picker-wrapper{
z-index: 9999;
border: none;
border-radius: 4px;
background-color: #fff;
padding: 5px 28px;
}
html .date-picker-wrapper .month-wrapper{
border-color: #b4b4b4;
}
html .date-picker-wrapper.no-shortcuts {
padding-bottom: 28px;
}
html .date-picker-wrapper .drp_top-bar .apply-btn{
border-color: var(--pix-main-color);
background: var(--pix-main-color);
}
html .date-picker-wrapper .first-date-selected,
html .date-picker-wrapper .last-date-selected {
background-color: var(--pix-main-color) !important;
}
html .date-picker-wrapper .month-wrapper table .day.checked,
html .date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
background-color: rgba(var(--pix-main-color-hex), .2);
}
input[type=range] {
-webkit-appearance: none;
margin: 10px 0;
width: 100%;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 8px;
cursor: pointer;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
background: rgba(0,0,0,.15);
border-radius: 25px;
border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 0px solid #000000;
height: 16px;
width: 16px;
border-radius: 30px;
background: var(--pix-main-color);
cursor: pointer;
-webkit-appearance: none;
margin-top: -4.6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #ac51b5;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 12.8px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
background: #ac51b5;
border-radius: 25px;
border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 0px solid #000000;
height: 20px;
width: 39px;
border-radius: 7px;
background: #65001c;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 12.8px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 39px 0;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #ac51b5;
border: 0px solid #000101;
border-radius: 50px;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
background: #ac51b5;
border: 0px solid #000101;
border-radius: 50px;
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
border: 0px solid #000000;
height: 20px;
width: 39px;
border-radius: 7px;
background: #65001c;
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #ac51b5;
}
input[type=range]:focus::-ms-fill-upper {
background: #ac51b5;
}
.pix-datepicker-input {
position: relative
}
.pix-datepicker-input:after {
content: '';
position: absolute;
top: 49%;
right: 20px;
border: 4px solid transparent
}
label.pix-light-input-checkbox,
label.pix-light-input-checkbox label{
margin-bottom: 0;
}
label.pix-light-input-checkbox .wpcf7-list-item{
margin-left: 0;
}
.pix-car-cf7 .wpcf7 form .wpcf7-response-output{
margin: 1em 0 0;
line-height: normal;
}
.pix-car-cf7 .pix-test-drive-submit{
position: relative;
}
.pix-car-cf7 .pix-test-drive-submit .ajax-loader{
position: absolute;
top: calc(50% - 12px);
left: 0;
}
.pix-test-drive-submit .pix-button {
width: 100%
}
.pix-test-drive-submit .pix-button .pix-loading{
position: absolute;
transform: translateX(-20px);
display: none;
}
.pix-test-drive-submit .pix-button.loading .pix-loading{
display: inline-block;
}
.pix-car-details-list {
margin-bottom: 30px;
}
.pix-car-details-list ul li {
list-style: none;
position: relative;
}
.pix-car-details-price {
margin-bottom: 25px;
}
.pix-single-box .pix-section-title {
margin-bottom: 45px;
}
.pix-single-slider.owl-carousel .owl-nav button.owl-next {
color: #fff;
}
.pix-single-slider.owl-carousel .owl-nav button.owl-next:hover {
color: var(--pix-main-color);
}
.pix-single-slider.owl-carousel .owl-nav button.owl-prev {
color: #fff;
}
.pix-single-slider.owl-carousel .owl-nav button.owl-prev:hover {
color: var(--pix-main-color);
}
.pix-single-info, .pix-single-finance {
padding: 45px 35px;
position: relative;
background: #f5f5f5;
}
.pix-single-rent + .pix-single-finance{
padding-top: 0;
}
.pix-financing-info {
display: block;
font-size: 14px;
position: relative;
top: -10px;
opacity: .6;
padding-right: 5px;
}
.pix-single-info + .pix-single-finance,
.pix-single-finance + .pix-single-info {
padding-top: 0;
}
.pix-single-info {
display: flex;
display: grid;
grid-template-columns: auto auto auto 20%;
align-items: start;
}
.pix-single-info .pix-single-list{
flex-grow: 1;
}
.pix-single-info .pix-product-box-btn {
width: 140px;
float: right;
}
.pix-single-finance-title{
font-family: var(--pix-title-font);
color: var(--pix-title-color);
font-size: 22px;
font-weight: 600;
position: relative;
top: -10px;
}
.pix-single-finance-content{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.pix-finance-item {
display: inline-block;
padding-right: 30px;
font-size: 14px;
line-height: 1.4;
}
.pix-finance-item .pix-finance-price{
padding-right: 20px;
}
.pix-finance-item.pix-finance-sep {
border-left: 1px solid #ccc;
}
.pix-finance-title {
}
.pix-finance-amount {
font-family: var(--pix-title-font);
font-size: 18px;
font-weight: 600;
line-height: 1.6;
}
.pix-finance-amount .pix-price-text {
font-size: 14px;
font-weight: 400;
}
.pix-finance-desc {
color: #aaa;
}
.pix-finance-price .pix-finance-amount,
.pix-finance-price .pix-finance-desc {
display: inline-block;
padding-right: 10px;
}
.pix-finance-price .pix-finance-amount {
font-size: 24px;
line-height: 1.1;
color: var(--pix-main-color) !important;
padding-top: 2px;
padding-bottom: 2px;
}
.pix-finance-price .pix-finance-amount .cars-sale-price{
display: block;
text-align: center;
padding-bottom: 5px;
font-size: 18px;
font-weight: 400;
color: #aaa;
}
.pix-theme-tone-dark .pix-single-info,
.pix-theme-tone-dark .pix-single-rent,
.pix-theme-tone-dark .pix-single-finance{
background: #303030;
}
.pix-theme-tone-dark .pix-single-info .pix-single-list,
.pix-theme-tone-dark .pix-single-rent .pix-td > span:last-of-type,
.pix-theme-tone-dark .pix-finance-amount{
color: #fff;
}
.pix-theme-tone-dark .pix-single-info .pix-single-list ul li span {
color: #bbb;
}
.pix-single-info .pix-sidebar-submit {
align-self: center;
position: relative;
}
.pix-single-info .pix-sidebar-submit.pix-price-button-split {
align-self: start;
top: -8px;
}
.pix-sidebar-submit.pix-price-button-split > span{
color: var(--pix-main-color);
margin-bottom: 5px;
display: inline-block;
font-size: 22px;
font-weight: 600;
}
.pix-sidebar-submit.pix-price-button-split + .pix-car-printer{
top: 135px;
}
.pix-single-list ul li span {
color: #5c5c5c;
}
.pix-single-tabs ul.nav {
border-bottom-color: #eeeeee
}
.pix-single-tabs ul.nav li a {
background: #f4f4f4
}
.pix-single-tabs ul.nav li a.active {
background: #eee
}
.pix-theme-tone-dark .pix-single-tabs ul.nav {
border-bottom-color: #3e3e3e;
}
.pix-theme-tone-dark .pix-single-tabs ul.nav li a {
background: #3e3e3e;
}
.pix-theme-tone-dark .pix-single-tabs ul.nav li a.active {
background: #303030;
}
.pix-car-details-list {
color: #fff;
}
.pix-car-details-list span {
color: #a7a7a7;
}
.pix-sidebar-submit {
max-height: 51px;
}
.pix-car-details-price {
color: #fff
}
.pix-car-details-price span {
color: var(--pix-main-color)
}
.pix-single-product {
color: #353535
}
.pix-single-product-img {
border-color: #d9d9d9
}
.pix-single-product-sticker {
color: #fff;
background: var(--pix-main-color)
}
.pix-single-product-miniature {
border-color: #d9d9d9
}
.pix-single-product-spinner .pix-spinner-input {
color: #353535
}
.pix-single-product-list ul li span.pix-red-span {
color: var(--pix-main-color)
}
.pix-single-product-accordion .pix-accordion-body {
color: #303030
}
.pix-dark-inner-section {
background: #000;
color: #fff
}
.pix-dark-inner-section .pix-single-tabs ul.nav li a {
background: #303030;
color: #fff
}
.pix-dark-inner-section .pix-single-tabs ul.nav li a.active {
background: var(--pix-main-color)
}
.pix-dark-inner-section .pix-single-tabs ul.nav {
border-bottom-color: #303030
}
.pix-dark-inner-section .pix-single-tabs .tab-pane {
color: #8d8d8d
}
.pix-single-list ul li {
font-size: 15px;
line-height: 26px;
font-weight: 600;
position: relative;
}
.pix-single-list ul li span,
.pix-car-details-list ul li span{
font-weight: 500;
padding-left: 24px;
padding-right: 5px;
display: inline-block;
min-width: 30px;
}
.pix-single-list ul li span img,
.pix-car-details-list ul li span img,
.pix-car-details-list ul li span svg,
.pix-theme-tone-dark .pix-single-info .pix-single-list ul li span svg {
max-width: 16px;
height: auto;
left: 0;
top: 5px;
opacity: .6;
position: absolute;
}
.pix-car-details-list ul li span svg path,
.pix-theme-tone-dark .pix-single-info .pix-single-list ul li span svg path {
fill: #fff !important;
}
.pix-single-tabs ul li a {
font-size: 16px;
line-height: 26px;
font-weight: 700;
text-transform: uppercase;
}
.pix-single-tabs .tab-pane .pix-checklist li {
font-size: 17px;
line-height: 30px;
font-family: var(--pix-main-font);
font-weight: 600
}
.pix-single-product-sticker {
font-size: 14px;
line-height: 24px;
font-weight: 700
}
.pix-single-product-name .pix-h2 {
font-size: 18px;
line-height: 24px;
font-weight: 700
}
.pix-single-product-rating {
font-size: 14px;
line-height: 15px
}
.pix-single-product-price {
font-size: 18px;
line-height: 24px;
font-weight: 700
}
.pix-single-product-price span {
text-decoration: line-through;
font-size: 15px;
font-weight: 400
}
.pix-single-product-text {
font-size: 14px;
line-height: 24px
}
.pix-single-product-spinner .pix-spinner-input {
font-size: 14px;
line-height: 24px
}
.pix-single-product-list ul li span {
font-weight: 700
}
.pix-single-product-list ul li span.pix-red-span {
font-weight: 400
}
.pix-economy-row span {
margin-right: 5px;
display: inline-block;
vertical-align: middle;
min-width: 35px;
color: var(--pix-main-color);
font-size: 28px;
}
.pix-economy-row {
color: #fff
}
.pix-economy-row {
color: #fff;
font-size: 14px;
font-family: var(--pix-main-font);
font-weight: 700;
line-height: 1.2;
}
.pix-economy-row i{
font-size: 36px;
padding: 0 10px;
position: relative;
top: 5px;
color: #777;
}
.pix-reservation-btn {
overflow: hidden;
height: 33px;
position: relative;
}
.pix-reservation-btn > span {
display: block;
position: relative;
line-height: 21px;
transition: .33s;
}
.pix-reservation-btn > span {
top: -10px;
}
.pix-reservation-btn > span:last-child {
transform: translateY(5px);
}
.pix-reservation-btn:hover > span:first-child {
transform: translateY(-33px);
}
.pix-reservation-btn:hover > span:last-child,
.pix-reservation-btn.pix-v-l:hover span:last-child {
transform: translateY(-21px);
}
.pix-reservation-btn.pix-v-l > span:last-child {
transform: translateY(15px);
}
.pix-button span.cars-sale-price {
display: inline;
font-weight: 400;
font-size: 13px;
padding-right: 10px;
opacity: .75;
transition: none;
}
.modal-content {
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative
}
.modal .modal-body {
padding: 30px;
}
.modal-open {
overflow: hidden !important;
}
.pix-close {
position: absolute;
z-index: 1;
top: -14px;
right: -14px;
width: 35px;
height: 35px;
-webkit-border-radius: 100%;
border-radius: 100%;
border: none;
cursor: pointer;
-webkit-transition: background 0.3s ease;
-o-transition: background 0.3s ease;
transition: background 0.3s ease;
background: #3e3e3e;
color: #fff;
font-size: 14px;
line-height: 35px;
text-align: center;
font-weight: 700;
}
.pix-close:hover {
background: var(--pix-main-color);
}
.pix-sidebar-related-box {
max-width: 345px
}
.pix-sidebar-related-box:not(:last-child) {
margin-bottom: 30px;
}
.pix-sidebar-related-box .pix-car-details-list {
margin-bottom: 0;
}
.pix-sidebar-related-box-img {
max-width: 300px;
}
.pix-sidebar-related-box-img img{
width: 100%;
height: auto;
}
.pix-sidebar-related-box-info {
width: 100%;
margin-top: 5px;
}
.pix-sidebar-related-box-title a {
text-decoration: underline;
display: inline-block;
color: #fff;
}
.pix-sidebar-related-box-title a:hover {
text-decoration: none;
color: inherit;
}
.pix-sidebar-box .pix-sidebar-related-box .pix-car-details-list ul li {
display: inline-block;
margin-right: 12px;
color: #bbb;
font-size: 14px;
}
.pix-sidebar-related-box .pix-car-details-list ul li span {
padding-right: 0;
width: 18px;
padding-left: 0;
min-width: auto;
}
.pix-sidebar-related-box .pix-car-details-list ul li span.pix-units{
width: auto;
padding-left: 5px;
}
.pix-sidebar-related-box .pix-car-details-list ul li span.pix-price-symbol {
width: auto;
}
.pix-sidebar-related-box .pix-car-details-list ul li span.cars-sale-price {
width: auto;
font-size: 14px;
}
.pix-sidebar-related-box .pix-car-details-list ul li span img,
.pix-sidebar-related-box .pix-car-details-list ul li span svg {
width: 16px;
top: 3px;
}
.pix-theme-tone-dark .pix-single-info .pix-single-list ul li span svg {
top: 5px;
}
.pix-sidebar-box .pix-sidebar-related-box .pix-car-details-list ul li.pix-sidebar-related-box-price,
.pix-sidebar-box .pix-sidebar-related-box .pix-car-details-list ul li.pix-sidebar-related-box-price span{
font-size: 14px;
line-height: 26px;
color: var(--pix-main-color) !important;
}
.pix-car-printer {
position: absolute;
top: 5px;
right: 10px;
}
.pix-car-printer a {
display: inline-block;
padding: 0;
font-size: 14px;
opacity: .6;
transition: color .33s, opacity.33s;
}
.pix-car-printer a i{
font-size: 20px;
}
.pix-car-printer a:hover {
opacity: 1;
color: var(--pix-main-color);
}
.pix-sidebar-box .pix-car-printer {
position: relative;
top: auto;
bottom: -11px;
left: 1px;
}
.pix-sidebar-box .pix-car-printer a {
color: #fff;
opacity: 1;
}
.pix-sidebar-box .pix-car-printer a:hover {
color: var(--pix-main-color);
}
.pix-success-message{
font-size: 18px;
}
.pix-car-short-desc{
position: relative;
padding: 35px 35px 0;
background: #f5f5f5;
font-size: 16px;
font-weight: 700;
}
.pix-car-short-desc + .pix-single-info{
padding-top: 25px;
}
.pix-single-currency-switcher{
position: relative;
padding: 0 20px;
background: #f5f5f5;
}
.pix-single-currency-switcher .pix-sort-select{
position: absolute;
top: -35px;
right: 35px;
margin: 0;
z-index: 1;
}
.pix-sidebar-box.widget_pixtheme_latest_news{
max-width: 100%;
padding: 0 15px;
}
.pix-product-box-img .swiper-container {
overflow: hidden;
}
.pix-product-box-img .swiper-container img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.pix-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 101px;
height: 50px;
color: #fff;
}
.pix-nav.disabled{
display: none !important;
}
.pix-nav > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 30px;
height: 40px;
top: 0;
margin: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.2);
cursor: pointer;
-webkit-transition: background-color .33s ease-in-out, box-shadow 0.33s ease-in-out;
-o-transition: background-color .33s ease-in-out, box-shadow 0.33s ease-in-out;
transition: background-color .33s ease-in-out, box-shadow 0.33s ease-in-out;
}
.pix-nav.left-right {
position: absolute;
width: auto;
height: auto;
right: 0;
left: 0;
top: calc(50% - 20px);
z-index: 2;
pointer-events: none;
}
.pix-nav.side-right{
position: absolute;
right: -65px;
top: 50%;
}
.pix-nav.side-right.vertical{
height: 101px;
width: 50px;
margin-top: -50px;
}
.pix-nav.left-right > div {
position: absolute;
top: -50%;
background-color: rgba(255,255,255,.5);
pointer-events: auto;
border-radius: 3px;
}
.pix-nav.left-right > div:after,
.pix-nav.side-right > div:after{
color: #111;
position: relative;
}
.pix-nav.left-right.high > div{
height: 100px;
}
.pix-nav.left-right.high > div:first-child{
border-radius: 0 3px 3px 0;
}
.pix-nav.left-right.high > div:last-child{
border-radius: 3px 0 0 3px;
}
.pix-nav.left-right > div:hover {
background-color: rgba(255,255,255,.7);
}
.pix-nav > div:after{
font-family: 'Font Awesome 5 Free';
font-size: 10px;
font-weight: 700;
color: #fff;
content: '\f053';
right: 1px;
}
.pix-nav > div:last-child:after{
content: '\f054';
right: -1px;
}
.pix-nav > div:first-child{
border-radius: 0 3px 3px 0;
left: 0;
}
.pix-nav > div:last-child{
border-radius: 3px 0 0 3px;
right: 0;
}
.pix-nav.vertical > div:first-child{
transform: rotateZ(90deg);
top: 0;
}
.pix-nav.vertical > div:last-child{
transform: rotateZ(90deg);
top: 50%;
}      .pix-reservation .pixcar-reservation-data{
display: none;
} @media screen and (max-width: 1359px) {
.row.pix-reverse{
flex-direction: column-reverse;
}
.row.pix-reverse .pix-sidebar {
margin-bottom: 50px;
}
}
@media screen and (max-width: 575px) {
.row.pix-reverse .pix-sidebar {
margin-bottom: 30px;
}
.pix-single-currency-switcher .pix-sort-select{
position: initial;
}
.pix-car-short-desc{
padding: 20px 20px 0;
}
.pix-car-short-desc + .pix-single-info {
padding-top: 15px;
}
}