.loading {
position: fixed;
inset: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: -1;
display: flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease, visibility 0.25s ease;
}
.loading.wait {
opacity: 1;
visibility: visible;
z-index: 10;
}
.loading span {
display: block;
width: 1rem;
height: 1rem;
background-color: #FFF;
border-radius: 50%;
}
.loading span {
animation: bounce 0.5s ease infinite;
}
.loading span:nth-child(2) {
animation-delay: 0.15s;
}
.loading span:nth-child(3) {
animation-delay: 0.3s;
}
@keyframes bounce {
0% {transform: translateY(0%);}
50% { transform: translateY(100%); }
100% { transform: translateY(0%); }
} .grand-car__content {
color: var(--Black_titles, #191A26);
}
.page-search-by-vin-result__wrapper {
padding: 0 1.25rem;
margin-bottom: 6.25rem;
}
.car-history__top-info {
margin: 0;
align-items: center;
margin-bottom: 1.25rem;
gap: 0 1.75rem;
}
.car-history__status {
width: min(110px, 100%);
text-align: center;
padding: 0.625rem;
background-color: #00A046;
color: var(--white-back-texts, #FFF);
line-height: 1;
}
.car-history__auction {
display: flex;
width: fit-content;
max-width: calc(100% - 110px);
padding: 0;
}
.car-history__auction img {
height: 36px;
width: auto;
}
.car-history__gallery {
margin-bottom: 2rem;
}
.car-history__gallery__track {
position: relative;
overflow: hidden;
width: 100%;
aspect-ratio: 320/239;
margin-bottom: 0.625rem;
}
.car-history__gallery__slides {
display: flex;
height: 100%;
}
.car-history__gallery__slide {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.car-history__gallery__slide img {
object-fit: cover;
height: 100%;
width: 100%;
}
.car-history__gallery__slide[hidden] {
display: none;
}
.glide--carousel .car-history__gallery__slide[hidden] {
display: flex;
}
.car-history__gallery__prev, 
.car-history__gallery__next {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
z-index: 2;
cursor: pointer;
}
.car-history__gallery__prev:hover, 
.car-history__gallery__next:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.car-history__gallery__prev {
padding: 0.25rem;
left: 0;
}
.car-history__gallery__next {
padding: 0.25rem;
right: 0;
}
.car-history__gallery__full-screen {
position: absolute;
bottom: 0.75rem;
right: 0.75rem;
display: flex;
cursor: pointer;
}
.car-history__gallery__bullets {
display: flex;
flex-wrap: wrap;
margin: 0 -0.25rem;
position: relative;
}
.car-history__gallery__bullet {
width: 25%;
padding: 0 0.25rem;
aspect-ratio: 82/56;
overflow: hidden;
justify-content: center;
align-items: center;
}
.car-history__gallery__bullet:not([hidden]) {
display: flex;
}
.car-history__gallery__bullet img {
object-fit: cover;
width: 100%;
height: 100%;
}
.car-hidtory__gallery__indicator {
position: absolute;
display: flex;
aspect-ratio: 74/56;
width: calc(25% - 0.5rem);
right: 0.25rem;
bottom: 0;
top: 0;
background-color: rgba(25,26,38,0.5);
align-items: center;
justify-content: center;
color: var(--white-back-texts, #FFF);
font-size: 0.875rem;
line-height: 1;
font-weight: 600;
cursor: pointer;
}
.full-screen-slider:not([hidden]) {
position: fixed;
inset: 0;
z-index: 3;
background-color: rgba(0,0,0,0.8);
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
.full-screen-slider__glide {
width: calc(100% - 20px);
}
.full-screen-slider__track {
position: relative;
margin-bottom: 0.75rem;
width: 100%;
overflow: hidden;
}
.full-screen-slider__slides {
display: flex;
}
.full-screen-slider__slide {
display: flex;
overflow: hidden;
}
.full-screen-slider__slide img {
width: auto;
height: auto;
object-fit: cover;
max-width: calc(100vw - 20px);
max-height: calc(100vh - 36px);
margin: 0 auto;
}
.full-screen-slider__arrows__prev, 
.full-screen-slider__arrows__next {
position: absolute;
top: 0;
bottom: 0;
background-color: rgba(0,0,0, 0.25);
padding: 0.25rem 0.5rem;
display: flex;
align-items: center;
}
.full-screen-slider__arrows__prev {
left: 0.25rem;
}
.full-screen-slider__arrows__next {
right: 0.25rem;
}
.full-screen-slider__closer {
position: absolute;
bottom: 0.75rem;
right: 0.75rem;
cursor: pointer;
display: flex;
}
.full-screen-slider__bullets {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: center;
}
.full-screen-slider__bullet {
display: block;
aspect-ratio: 1;
width: 0.5rem;
border-radius: 50%;
background-color: rgba(255,255,255,1);
transition: transform 0.3s ease-in-out;
}
.full-screen-slider__bullet.glide__bullet--active {
transform: scale(1.5);
}
.car-history__info__title-group__top {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 1.5rem 0.625rem;
margin-bottom: 3.875rem;
}
.car-history__info__title {
width: calc(100% - 46px);
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
color: var(--Black_titles, #191A26);
}
.car-history__info__share {
display: flex;
width: 2.25rem;
aspect-ratio: 1;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
}
.car-history__info__share svg {
width: 100%;
height: auto;
}
.car-history__info__share .tooltip[hidden] {
opacity: 0;
}
.car-history__info__share .tooltip {
position: absolute;
font-size: 12px;
width: max-content;
box-shadow: 0 0 3px rgba(0,0,0,0.35);
padding: 3px 5px;
top: 100%;
right: 0;
display: block;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
.car-history__info__price {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
font-size: 1.25rem;
line-height: 1;
font-weight: 600;
color: var(--Black_titles, #191A26);
}
.car-history__info__title-group {
margin-bottom: 2rem;
}
.car-history__info__table {
padding: 1.25rem 0.625rem;
background: var(--white-back-texts, #FFF);
box-shadow: 1px 1px 16px 0px rgba(26, 20, 35, 0.10);
}
.car-history__info__table__head {
font-size: 1.125rem;
line-height: 1;
font-weight: 600;
width: 100%;
}
.car-history__table__element_row {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
align-items: center;
}
.car-history__info__table {
display: flex;
flex-wrap: wrap;
gap: 1.5rem 0;
flex-direction: column;
}
.car-history__info__table.general {
margin-bottom: 2rem;
}
.car-history__table__element_row span {
max-width: 50%;
font-size: 0.875rem;
}
.car-history__table__element_row span.value {
text-align: right;
}
.car-history__table__element_row span.value.bold {
font-weight: 600;
}
.car-history__info.crashes {
margin-bottom: 2rem;
}
.car-history__table__element_row span.name {
display: flex;
align-items: center;
gap: 1rem;
}
.charters_info__table-row {
gap: 1.5rem 0;
align-items: flex-start;
}
.charters_info__table__body {
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 1.5rem 0;
}
.car-history__info.charters_info {
margin-bottom: 2rem;
}
.car-history__table__sales {
overflow: auto hidden;
display: flex;
flex-direction: column;
gap: 0.625rem 0;
padding-bottom: 0.75rem;
width: 100%;
}
.car-history__table__sales__row {
display: grid;
grid-template-columns: repeat(5, 120px);
gap: 0 10px;
text-align: center;
line-height: 1;
align-items: center;
}
.car-history__table__sales__row.heads {
color: var(--Grey_middle, #838587);
margin-bottom: 1.375rem;
}
.car-history__table__sales__row:not(.heads) {
min-height: 39px;
}
.wc-related-products {
margin-bottom: 7.5rem;
}
.wc-relater-products__wrapper {
overflow: hidden;
padding: 0 1.25rem;
}
.wc-related-products__title {
font-size: 1.5rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: 1.75rem;
}
.wc-repated-products__track {
margin-bottom: 1.75rem;
}
.wc-related-products__slides {
display: flex;
list-style-type: none;
}
.grid_product__cart, 
.grid_product__cart__body {
height: 100%;
}
.grid_product__cart__body {
display: flex;
flex-direction: column;
position: relative;
border-radius: 4px;
background: var(--white-back-texts, #FFF);
box-shadow: 1px 1px 16px 0px rgba(26, 20, 35, 0.10);
}
.grid_product__cart__favorite {
position: absolute;
right: 0.625rem;
top: 0.625rem;
z-index: 2;
}
.grid_product__cart__thumbnail__wrapper {
margin-bottom: 1rem;
}
.grid_product__cart__thumbnail {
aspect-ratio: 312/234;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.grid_product__cart__thumbnail img {
object-fit: cover;
width: 100%;
height: 100%;
}
.grid_product__cart__info {
padding: 0 1rem 1.25rem;
height: calc(100% - 234px);
display: flex;
flex-direction: column;
}
.grid_product__cart__title {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 2.25rem;
}
.grid_product__cart__charters {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-bottom: 2rem;
margin-top: auto;
}
.grid_product__cart__charter {
display: inline-flex;
align-items: center;
gap: 0.25rem;
line-height: 1;
font-size: 0.875rem;
}
.grid_product__cart__price {
font-size: 1.25rem;
font-weight: 600;
line-height: 1;
margin-bottom: 1.75rem;
}
.grid_product__cart__buttons {
display: flex;
flex-direction: column;
gap: 1rem;
}
.grid_product__cart__button {
display: flex;
width: 100%;
height: 3rem;
line-height: 1;
font-weight: 600;
border: 1px solid;
align-items: center;
justify-content: center;
text-decoration: none;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
cursor: pointer;
}
.grid_product__cart__button.get_car_price {
background-color: var(--Red, #C11D1D);
border-color: var(--Red, #C11D1D);
color: var(--white-back-texts, #FFF);
}
.grid_product__cart__button.readmore {
background: var(--white-back-texts, #FFF);
color: var(--Black_titles, #191A26);
border-color: var(--Black_titles, #191A26);
}
.wc-repated-products__page_link {
display: flex;
justify-content: center;
}
.wc-repated-products__page_link .cta_btn_link {
font-size: 1rem;
width: min(268px, 100%);
height: 60px;
padding: 0.625rem;
gap: 1.25rem;
border: 1px solid var(--Black_titles, #191A26);
color: var(--Black_titles, #191A26);
background-color: var(--white-back-texts, #FFF);
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.wc-repated-products__page_link .cta_btn_link path {
fill: currentColor;
}
.lid-form__title {
display: none;
}
.page-shop-lid-form__image {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
aspect-ratio: 320/222;
}
.page-shop-lid-form__image img {
object-fit: cover;
height: 100%;
width: 100%;
}
.page-shop-lid-form__form {
padding: 2rem 1.25rem 2.5rem;
}
section.lid-form {
padding-bottom: 2.5rem;
}
.page-shop-lid-form__form .wpcf7 .head-title {
margin: 0;
}
.page-shop-lid-form__form .wpcf7-submit {
width: min(184px, 100%);
height: 3rem;
padding: 0.625rem;
margin: 2.5rem auto 0;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--Red, #C11D1D);
border: 1px solid var(--Red, #C11D1D);
color: var(--white-back-texts, #FFF);
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.page-search-by-vin-result__not-found {
font-size: 1.5rem;
text-align: center;
font-weight: 700;
margin-bottom: 2rem;
}
.page-search-by-vin-result__not-found__button {
display: flex;
justify-content: center;
gap: 1.5rem 2rem;
}
.page-search-by-vin-result__not-found__button .cta_btn_link, 
.page-search-by-vin-result__not-found__button button {
padding: 1.25rem 0.625rem;
width: min(260px, 100%);
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
cursor: pointer;
}
.page-search-by-vin-result__not-found__button button {
background-color: var(--white-back-texts, #FFF);
color: var(--Black_titles, #191A26);
border: 1px solid var(--Black_titles, #191A26);    
}
.page-search-by-vin-result__not-found__button button:hover {
background-color: var(--Black_titles, #191A26);
color: var(--white-back-texts, #FFF);
}
.page-search-by-vin-result__not-found__button .cta_btn_link {
background-color: var(--Red, #C11D1D);
color: var(--white,#FFF);
box-shadow: none;
}
.page-search-by-vin-result__select {
justify-content: center;
gap: 1.5rem 0;
}
.page-search-by-vin-result__select__item {
width: min(320px, 100%);
padding: 0;
}
.page-search-by-vin-result__select__item__body {
position: relative;
border-radius: 4px;
background: var(--white-back-texts, #FFF);
box-shadow: 1px 1px 16px 0px rgba(26, 20, 35, 0.10);
width: 100%;
height: 100%;
}
.page-search-by-vin-result__select__item__thumb {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
overflow: hidden;
aspect-ratio: 312/234;
}
.page-search-by-vin-result__select__item__sold-status {
position: absolute;
top: 0;
left: 0;
background-color: var(--Red, #C11D1D);
color: var(--white-back-texts, #FFF);
font-size: 0.875rem;
padding: 0.25rem 0.5rem;
}
.page-search-by-vin-result__select__item__thumb img {
object-fit: cover;
width: 100%;
height: 100%;
}
.page-search-by-vin-result__select__item__content {
padding: 1rem 1rem 1.25rem;
}
.page-search-by-vin-result__select__item__title {
font-size: 1.25rem;
line-height: 1.2;
font-weight: 700;
margin-bottom: 1.5rem;
min-height: 3rem;
}
.page-search-by-vin-result__select__item__charters {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
line-height: 1;
font-size: 0.9375rem;
margin-bottom: 2rem;
}
.page-search-by-vin-result__select__item__charter {
display: flex;
align-items: center;
gap: 0.5rem;
}
.page-search-by-vin-result__select__item__price {
font-size: 1.25rem;
line-height: 1;
font-weight: 600;
margin-bottom: 1.75rem;
}
.page-search-by-vin-result__select__item__readmore__button {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 3rem;
border: 1px solid var(--Black_titles, #191A26);
background-color: var(--white-back-texts, #FFF);
color: var(--Black_titles, #191A26);
font-weight: 600;
line-height: 1;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border 0.3s ease-in-out;
cursor: pointer;
}
.page-search-by-vin-result__notice {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: 2rem;
}
.page_search_by_vin {
margin-bottom: 8.75rem;
color: var(--Black_titles, #191A26);
}
.page_search_by_vin__wrapper {
padding: 0 1.25rem;
}
.page_search_by_vin__title {
font-size: 1.5rem;
line-height: 1.2;
font-weight: 700;
margin-bottom: 3.75rem;
}
.page_search_by_vin__form {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 0;
}
.page_search_by_vin__input {
padding: 1.0625rem 0.375rem;
font-size: 0.875rem;
line-height: 1;
color: inherit;
border: 1px solid var(--Black_titles, #191A26);
width: max(67.5%, calc( 100% - 104px ) );
}
.page_search_by_vin__input::placeholder {
color: var(--Grey_middle, #838587);
}
.page_search_by_vin__submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0 0.25rem;
line-height: 1;
font-weight: 600;
color: var(--white-back-texts, #FFF);
background-color: var(--Red, #C11D1D);
border: 1px solid var(--Red, #C11D1D);
padding: 1rem 0.25rem;
width: min(104px, 32.5%);
cursor: pointer;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
@media screen and ( min-width: 576px) {
.page-shop-lid-form .container {
box-shadow: 4px 4px 16px rgba(26, 20, 35, 0.10);
background-color: var(--white-back-texts, #FFF);
}
}
@media screen and ( min-width: 768px ) {
.page-shop-lid-form .container > .row {
margin: 0;
}
.page-search-by-vin-result__select__item {
padding: 0 0.75rem;
}
.page-search-by-vin-result__select {
justify-content: flex-start;
}
}
@media screen and ( min-width: 992px ) {
.row.car-history__top-info {
margin-bottom: 2rem;
}
.car-history__status {
width: 147px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 1.25rem;
}
.car-history__gallery__bullets {
margin: 0 calc(15px / -2);
}
.car-history__gallery__bullet {
width: 20%;
padding: 0 calc(15px / 2);
aspect-ratio: 155/105;
}
.car-history__gallery__bullet:nth-child(5) {
display: flex;
}
.car-hidtory__gallery__indicator {
width: calc(20% - 0.9375rem);
right: calc(0.9375rem / 2);
aspect-ratio: 140/105;
}
.car-history__info.general {
padding-left: 2.5rem;
}
.car-history__info__title-group {
margin-bottom: 1.25rem;
}
.car-history__info__title-group__top {
gap: 1.25rem 0;
justify-content: space-between;
margin-bottom: 3.125rem;
}
.car-history__info__title {
font-size: 2rem;
width: min(396px, calc( 100% - 46px ) );
}
.car-history__info__price {
justify-content: flex-start;
gap: 0 1.25rem;
font-size: 2rem;
}
.car-history__info__table {
padding: 1.75rem 1.25rem;
height: 100%;
}
.car-history__info__table.general,
.car-history__info.crashes,
.car-history__info.charters_info {
margin-bottom: 1.25rem;
}
.wc-repated-products__track {
position: relative;
}
.wc-repated-products__arrows.glide__arrows {
display: block;
}
.glide__arrow.glide__arrow--right {
position: absolute;
top: 0;
bottom: 0;
right: 0;
background: linear-gradient(270deg, #F4F6F9 1.56%, rgba(244, 246, 249, 0.00) 100%);
border: none;
padding: 0 14px 0 43px;
}
.page-search-by-vin-result__wrapper {
margin-bottom: 7.5rem;
}
.wc-related-products__title {
font-size: 2rem;
margin-bottom: 2.625rem;
}
.wc-repated-products__track {
margin-bottom: 3rem;
}
.lid-form__title {
display: block;
font-size: 2rem;
font-weight: 600;
line-height: 1.2;
margin-bottom: 3rem;
}
.car-history__table__sales__row {
grid-template-columns: repeat(5,1fr);
gap: 0 26.667px;
}
.full-screen-slider__closer {
bottom: unset;
top: 1.5rem;
right: 1.5rem;
}
.page-shop-lid-form__form {
padding: 2.5rem 3.75rem 3.125rem 5.5rem;
display: flex;
align-items: center;
}
.page-shop-lid-form__form .wpcf7-submit {
margin: 2.5rem 0 0;
}
.page-shop-lid-form__form .wpcf7 .head-title {
margin-bottom: 2rem;
}    
.full-screen-slider__glide {
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.page-search-by-vin-result__select__item__readmore__button:hover {
background-color: var(--Black_titles, #191A26);
color: var(--white-back-texts, #FFF);
}
.page_search_by_vin__title,
.page_search_by_vin__form {
width: 753px;
margin-left: auto;
margin-right: auto;
}
.page_search_by_vin__title {
text-align: center;
font-size: 2rem;
}
.page_search_by_vin__form {
padding: 0 0.8125rem;
}
.page_search_by_vin__input {
font-size: 1.25rem;
padding-left: 1.25rem;
padding-right: 1.25rem;
width: min(559px, 76.893%);
outline: none;
}
.page_search_by_vin__submit {
padding-left: 1.75rem;
padding-right: 1.75rem;
width: min(169px, 23.107%);
}
.page_search_by_vin__submit:hover {
background-color: var(--Black_titles, #191A26);
border-color: var(--Black_titles, #191A26);
color: var(--white-back-texts, #FFF);
}
.charters_info__table-row {
margin: 0 -17px;
}
.charters_info__table__body {
padding: 0 17px;
}
section.lid-form {
margin-bottom: 5rem;
}
}
@media screen and ( min-width: 1200px ) {
.car-history__info__table__head {
margin-bottom: 0.75rem;
font-size: 1.25rem;
}
.car-history__table__element_row span {
font-size: 1rem;
}
.car-history__info.crashes, 
.car-history__info.sold_history {
order: 1;
}
.car-history__info.crashes {
padding-left: 2.5rem;
}
}
@media screen and ( min-width: 1400px ) {
.car-history__table__element_row span {
font-size: 1rem;
}
}