@charset "UTF-8";

@font-face {
font-family: "Gilroy";
src: url(//www.autoletgo.com/wp-content/themes/autoletgo/css/fonts/Gilroy/Gilroy-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//www.autoletgo.com/wp-content/themes/autoletgo/css/fonts/Gilroy/Gilroy-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//www.autoletgo.com/wp-content/themes/autoletgo/css/fonts/Gilroy/Gilroy-SemiBold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Actay Wide";
src: url(//www.autoletgo.com/wp-content/themes/autoletgo/css/fonts/Actay Family/ActayWide-Bold.otf) format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: "Gilroy", sans-serif;
color: #000;
line-height: 1.6;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
h1,
h2,
h3,
h4 {
font-weight: 700;
line-height: 1.2;
}
h1 {
color: #fff;
font-family: "Actay Wide", sans-serif;
font-weight: 700;
font-size: 49px;
line-height: 1.1;
margin-bottom: 30px;
}
h2 {
font-family: "Actay Wide", sans-serif;
font-size: 42px;
font-weight: 700;
line-height: 1;
color: #000;
margin-top: 15px;
}
h3 {
font-family: "Gilroy", sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 1.2;
text-align: center;
color: #000;
}
h4 {
font-size: 20px;
}
p {
font-family: "Gilroy", sans-serif;
font-weight: 400;
font-size: 22px;
margin-top: 15px;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
height: 66px;
min-width: 40px;
background: #ffd400;
color: #000;
font-family: "Gilroy", sans-serif;
font-weight: 600;
font-size: 28px;
text-align: center;
text-decoration: none;
border: none;
cursor: pointer;
padding: 0 20px;
border-radius: 10px;
margin-top: 30px;
transition: background 0.2s, color 0.2s;
}
.btn:hover {
background: #2e2e2e;
color: #fff;
}
.btn:active {
background: #000;
color: #fff;
}
.btn:disabled, .btn.btn--disabled {
background: #fff2b3;
color: rgba(0, 0, 0, 0.35);
cursor: not-allowed;
}
.btn--black {
background: #000;
color: #fff;
}
.btn--black:hover {
background: #fff;
color: #000;
}
.btn--black:active {
background: #e1e1e1;
color: #000;
}
.btn--black:disabled, .btn--black.btn--disabled {
background: #aeaeae;
color: rgba(255, 255, 255, 0.7);
cursor: not-allowed;
}
.btn--outline {
background: transparent;
border: 2px solid #ffd400;
color: #ffd400;
}
.btn--outline:hover {
background: #ffd400;
color: #000;
}
.btn--outline:active {
background: #ccaa00;
color: #000;
}
.btn--outline:disabled, .btn--outline.btn--disabled {
background: transparent;
border-color: #fff2b3;
color: #fff2b3;
cursor: not-allowed;
}
.btn-icon {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
}
.btn-icon::after {
content: "";
width: 24px;
height: 24px;
margin-left: 10px;
background-color: currentColor;
mask: url(//www.autoletgo.com/wp-content/themes/autoletgo/img/arrow-top.svg) no-repeat center/contain;
-webkit-mask: url(//www.autoletgo.com/wp-content/themes/autoletgo/img/arrow-top.svg) no-repeat center/contain;
transition: transform 0.2s ease;
}
.btn-icon:hover::after {
transform: translate(2px, -2px);
}
.btn-icon:active::after {
transform: translate(4px, -4px);
}
.btn-icon:disabled::after, .btn-icon.btn--disabled::after {
background-color: currentColor;
}
.header {
background: #ffd400;
height: 90px;
display: flex;
align-items: center; }
.header__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.header__logo {
font-size: 24px;
font-weight: 700;
}
.header__logo img {
max-width: 143px;
width: 100%;
display: block;
}
.header__burger {
display: none;
flex-direction: column;
gap: 6px;
background: transparent;
border: none;
cursor: pointer;
}
.header__burger span {
width: 28px;
height: 3px;
background: #000;
display: block;
transition: transform 0.3s, opacity 0.3s;
}
.header__burger span:nth-child(2) {
width: 20px;
margin-left: auto;
}
.header__nav{
display: flex;
gap: 30px;
}
.header__nav ul{
display: flex;
gap: 30px;
margin: 0;
padding: 0;
}
.header__nav li{
list-style: none;
}
.header__nav li a{
font-family: "Gilroy", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.2;
text-align: right;
color: #000;
text-decoration: none;
position: relative;
display: inline-block;
padding-bottom: 6px;
}
.header__nav li a::after{
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #000;
transform: scaleX(0);
transform-origin: left;
transition: transform .2s ease;
}
.header__nav li a:hover::after{
transform: scaleX(1);
}
.header__nav li.current_page_item a{
font-weight: 700;
}
.header__nav li.current_page_item a::after{
transform: scaleX(1);
}
.header__nav li a:focus-visible{
outline: 2px solid #000;
outline-offset: 3px;
border-radius: 6px;
}
.header.header--open .header__burger span:nth-child(1) {
transform: translateY(9px) rotate(45deg);
}
.header.header--open .header__burger span:nth-child(2) {
opacity: 0;
}
.header.header--open .header__burger span:nth-child(3) {
transform: translateY(-9px) rotate(-45deg);
}
.hero {
height: 770px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
position: relative;
}
.hero::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 0;
}
.hero__content {
max-width: 685px;
width: auto;
position: relative;
z-index: 1;
margin: 0;
margin-top: -134px;
}
.hero__content h1 {
color: #fff;
}
.hero__content p {
font-family: "Gilroy", sans-serif;
font-weight: 500;
font-size: 24px;
line-height: 1.2;
color: #fff;
margin-bottom: 30px;
}
.hero__content .btn {
width: 297px;
}
.offer {
height: 882px;
display: flex;
align-items: flex-start;
}
.offer__wrapper {
display: flex;
align-items: center;
gap: 76px;
}
.offer__image {
flex: 0 0 55%;
height: 771px;
background-image: url(//www.autoletgo.com/wp-content/themes/autoletgo/img/offer.png);
background-size: contain;
background-position: 28% 0%;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
justify-content: center;
}
.offer__image img {
width: 100%;
height: auto;
margin-bottom: 39px;
}
.offer__content {
flex: 0 0 40%;
height: 100%;
display: flex;
align-items: center;
margin-top: -28px;
}
.offer__content h2 {
margin-bottom: 44px;
}
.offer__content .btn {
width: 223px;
text-transform: uppercase;
}
.offer__content-inner {
width: 100%;
}
.instant {
background: #ffd400;
height: 740px;
padding: 80px 0;
}
.instant__header {
text-align: center;
margin: 0 auto 60px;
}
.instant__items {
display: flex;
justify-content: space-between;
margin-top: 116px;
}
.instant__item {
background: #fff;
padding: 65px 40px 33px;
position: relative;
text-align: center;
flex: 1;
margin: 0 10px 0 10px;
border-radius: 10px;
}
.instant__item:last-child {
margin: 0;
}
.instant__item h3 {
margin-top: 25px;
}
.instant__icon-wrapper {
position: absolute;
top: -55px;
left: 50%;
transform: translateX(-50%);
width: 111px;
height: 111px;
border-radius: 50%;
background: #fff;
border: 4px solid #ffda1f;
box-shadow: none;
display: flex;
align-items: center;
justify-content: center;
}
.instant__icon-wrapper img {
width: 56px;
height: 56px;
}
.best {
min-height: 982px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
color: #fff;
}
.best h2 {
color: #fff;
}
.best__wrapper {
display: flex;
align-items: center;
gap: 60px;
}
.best__content {
flex: 1;
max-width: 400px;
}
.best__form-placeholder {
flex: 1;
display: flex;
justify-content: flex-end;
}
.best__form {
width: 586px;
background: #fff;
padding: 40px 59px;
border-radius: 10px;
color: #000;
}
.best__form-title {
text-align: center;
font-family: "Gilroy", sans-serif;
font-weight: 600;
font-size: 28px;
line-height: 1.2;
margin-bottom: 30px;
color: #000;
}
.best__form-group {
margin-bottom: 15px;
}
.best__form-group label {
display: block;
margin-bottom: 5px;
font-family: "Gilroy", sans-serif;
font-size: 18px;
font-weight: 400;
}
.best__form-group input,
.best__form-group textarea {
width: 100%;
background: #f2f2f2;
border: none;
border-radius: 6px;
padding: 15px;
font-family: "Gilroy", sans-serif;
font-size: 18px;
line-height: 1.2;
}
.best__form-checkbox {
margin: 20px auto 30px;
text-align: center;
}
.best__form-checkbox input {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
width: 24px;
height: 24px;
min-width: 24px;
margin-right: 10px;
border: 2px solid #b3b3b3;
background: #dfdfdf;
border-radius: 6px;
position: relative;
cursor: pointer;   }
.best__form-checkbox--readmore .wpcf7-list-item {
margin: 0;
}
.best__form-checkbox--readmore label {
display: inline;
cursor: pointer;
}
.best-readmore-btn {
display: inline;
margin-left: 6px;
color: #000;
font-weight: 600;
text-decoration: underline;
cursor: pointer;
}
.best-readmore-text {
display: none;
margin-left: 4px;
}
.best-readmore-text.is-open {
display: inline;
}
.wpcf7-list-item {
margin:0;
}
.best__form-checkbox input::before {
content: "";
position: absolute;
inset: 0;
background: #cfcfcf;
border-radius: 4px;
transform: scale(0);
transition: transform 0.2s ease, background 0.2s ease;
}
.best__form-checkbox input::after {
content: "";
position: absolute;
left: 6px;
top: 3px;
width: 6px;
height: 12px;
border: 2px solid #000;
border-top: none;
border-left: none;
transform: rotate(45deg) scale(0);
transition: transform 0.2s ease;
}
.best__form-checkbox input:not(:checked):not(:disabled):hover::before {
transform: scale(1);
}
.best__form-checkbox input:checked {
border-color: #ffd400;
}
.best__form-checkbox input:checked::before {
background: #ffd400;
transform: scale(1);
}
.best__form-checkbox input:checked::after {
transform: rotate(45deg) scale(1);
}
.best__form-checkbox input:disabled {
cursor: not-allowed;
border-color: #e0e0e0;
background: #f6f6f6;
}
.best__form-checkbox input:disabled::before {
background: #f6f6f6;
}
.best__form-checkbox input:disabled::after {
border-color: #d0d0d0;
}
.best__form-checkbox label {
display: flex;
align-items: flex-start;
font-size: 16px;
text-align: left;
}
.best__form .btn {
width: 223px;
display: block;
margin: 30px auto 0;
display: flex;
justify-content: center;
text-transform: uppercase;
}
.steps {
height: 786px;
padding: 100px 0;
}
.steps__header {
text-align: center;
margin: 0 auto 60px;
}
.steps__items {
display: flex;
gap: 30px;
margin-top: 82px;
}
.steps__item {
background: #ffd400;
display: flex;
gap: 28px;
padding: 40px;
align-items: flex-start;
border-radius: 10px;
}
.steps__num {
font-family: "Inter", sans-serif;
font-size: 150px;
font-weight: 600;
line-height: 1.2;
text-align: center;
color: #000;
margin-top: -40px;
}
.steps__text {
margin-top: 43px;
}
.steps h4 {
font-family: "Gilroy", sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0;
color: #000;
margin-bottom: 20px;
}
.steps p {
font-family: "Gilroy", sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
color: #000;
}
.steps__item:nth-child(2) {
background: #2e2e2e;
color: #fff;
}
.steps__item:nth-child(2) .steps__num {
color: #fff;
}
.steps__item:nth-child(2) h4, .steps__item:nth-child(2) p {
color: #fff;
}
.reviews {
background: #2e2e2e;
color: #fff;
min-height: 1005px;
padding: 120px 0; }
.reviews h2 {
text-align: center;
color: #fff;
}
.reviews__items {
display: flex;
gap: 30px;
margin: 60px 0;
}
.reviews__item {
background: transparent;
border: 1px solid #fff;
border-radius: 10px;
padding: 15px;
flex: 0 0 auto;
display: flex;
flex-direction: column;
height: 437px;
position: relative;
}
.reviews__item {
gap: 0;
}
.reviews__item-header {
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid #fff;
}
.reviews__item::after {
content: "";
position: absolute;
bottom: 20px;
right: 20px;
width: 33.32px;
height: 27px;
background: url(//www.autoletgo.com/wp-content/themes/autoletgo/img/apstr.svg) no-repeat center/contain;
opacity: 0.7;
}
.reviews__name {
font-weight: 700;
}
.reviews__location {
font-size: 14px;
color: rgba(255, 255, 255, 0.6);
}
.reviews__btn-wrapper {
text-align: center;
}
.reviews__item p {
font-family: "Gilroy", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.2;
color: rgb(197, 197, 197);
}
.reviews__slider {
margin-top: 53px;
padding-bottom: 116px;
}
.reviews .swiper-pagination-bullet {
width: 14px;
height: 14px;
border: 1.6px solid #fff;
background: transparent;
opacity: 1;
}
.reviews .swiper-pagination-bullet-active {
background: #fff;
}
.footer {
border-top: 1px solid rgb(0, 0, 0);
}
.footer__top {
padding: 80px 15px;
display: flex;
flex-wrap: wrap;
gap: 80px;
}
.footer__left {
flex: 1 1 340px;
display: flex;
flex-direction: column;
gap: 25px;
}
.footer__logo {
max-width: 150px;
width: 100%;
}
.footer__tagline {
font-family: "Gilroy", sans-serif;
font-size: 18px;
font-weight: 400;
}
.footer__btn {
width: 297px;
}
.footer__cols {
flex: 2 1 600px;
display: flex;
justify-content: space-between;
gap: 40px;
}
.footer__col-title {
font-family: "Gilroy", sans-serif;
font-weight: 700;
font-size: 18px;
line-height: 1.2;
margin-bottom: 32px;
}
.footer__col ul {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 19px;
}
.footer__col a {
color: #000;
text-decoration: none;
font-family: "Gilroy", sans-serif;
font-size: 16px;
line-height: 1.2;
font-weight: 400;
transition: opacity 0.2s;
}
.footer__col a:hover {
opacity: 0.7;
}
.footer__touch .footer__phone, .footer__touch .footer__address {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 24px;
font-family: "Gilroy", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
}
.footer__social {
display: flex;
gap: 31px;
margin: 20px 0;
}
.footer__social img {
width: 20px;
height: 20px;
}
.footer__totop {
display: flex;
align-items: center;
gap: 10px;
font-family: "Gilroy", sans-serif;
font-size: 16px;
color: #000;
text-decoration: none; position: fixed;
right: 20px;
bottom: 20px;
background: #ffd400;
padding: 10px 15px;
border-radius: 30px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
}
.footer__totop img {
width: 16px;
height: 16px;
}
.footer__totop--visible {
opacity: 1;
visibility: visible;
}
.footer__bottom {
background: #2e2e2e;
color: #fff;
padding: 25px 0;
}
.footer__bottom-wrap {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 15px;
}
.footer__policy, .footer__credits, .footer__copy {
font-family: "Gilroy", sans-serif;
font-size: 16px;
}
.footer__policy {
color: #fff;
text-decoration: none;
}
.header__overlay {
display: none;
}
.modal {
position: fixed;
inset: 0;
display: none;
align-items: center;
justify-content: center;
z-index: 1050;
}
.modal--open {
display: flex;
}
.modal__overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
}
.modal__dialog {
position: relative;
background: #fff;
padding: 40px;
border-radius: 10px;
max-width: 600px;
width: 90%;
z-index: 1;
}
.modal__close {
position: absolute;
top: 15px;
right: 15px;
width: 24px;
height: 24px;
background: transparent;
border: none;
cursor: pointer; }
.modal__close::before, .modal__close::after {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 2px;
background: #000;
}
.modal__close::before {
transform: rotate(45deg);
}
.modal__close::after {
transform: rotate(-45deg);
}
.modal__group {
margin-bottom: 20px;
}
.modal__group input, .modal__group textarea {
width: 100%;
padding: 12px 15px;
border: 1px solid #ccc;
border-radius: 6px;
font-family: "Gilroy", sans-serif;
font-size: 16px;
}
.modal__subtitle {
font-family: "Gilroy", sans-serif;
font-size: 18px;
margin: 15px 0 25px;
text-align: center;
}
.modal__title {
text-align: center;
font-family: "Gilroy", sans-serif;
font-weight: 600;
font-size: 28px;
line-height: 1.2;
margin-bottom: 10px;
}
.modal__form .btn {
display: block;
margin: 30px auto 0;
}
.modal .best__form-checkbox {
text-align: center;
}
@media (max-width: 1199px) {
.container {
max-width: 960px;
}
.header__nav {
gap: 20px;
} .instant__items {
flex-direction: column;
}
.instant__item {
flex: 1 1 100%;
width: 100%;
margin: 0 0 80px 0;
}
.instant__icon-wrapper {
width: 87px;
height: 87px;
}
.instant__icon-wrapper img {
width: 39px;
height: 39px;
} .steps__items {
flex-wrap: wrap;
}
.steps__item {
flex: 0 0 calc(50% - 20px);
margin-bottom: 40px;
}
.hero,
.offer,
.instant,
.best,
.steps,
.reviews {
height: auto;
padding: 70px 0;
}
.offer {
padding-top: 0;
}
.hero {
height: 785px;
padding: 70px 0;
} h1 {
font-size: 34px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 20px;
}
p {
font-size: 16px;
}
.hero__content p {
font-size: 18px;
} .btn {
height: 54px;
font-size: 18px;
} .instant__item {
padding: 25px 20px 27px;
} .steps__items {
flex-direction: column;
}
.steps__item {
flex: 1 1 100%;
padding: 35px;
}
.steps__num {
font-size: 90px;
margin-top: -20px;
}
.best h2, .best p {
text-align: center;
}
}
@media (max-width: 991px) {
.container {
max-width: 720px;
}
.header__nav {
display: none;
}
.offer__wrapper,
.best__wrapper {
flex-direction: column;
}
.offer__image {
min-height: 415px;
}
.offer__image,
.best__form {
width: 100%;
}
.footer__cols {
flex-wrap: wrap;
gap: 30px;
}
}
@media (max-width: 767px) {
.instant__item,
.steps__item {
flex: 0 0 100%;
}
.footer__top {
padding: 60px 15px !important;
flex-direction: column;
align-items: center;
} .footer {  }
.footer__left {
align-items: center;
text-align: center;
flex: 1 1 auto;
}
.footer__tagline {
text-align: center;
}
.footer__btn {
margin: 0 auto;
}
.footer__col {
display: none;
}
.footer__touch {
display: flex !important;
flex-direction: column;
align-items: center;
}
.footer__touch .footer__col-title {
display: none;
}
.footer__bottom-wrap {
flex-direction: column;
align-items: center;
text-align: center;
}
.footer__bottom-wrap a, .footer__bottom-wrap p {
font-size: 14px;
}
.footer__cols {
flex: 2 1 auto;
}
}
@media (max-width: 575px) {
.container {
padding: 0 10px;
}
.header {
height: 70px;
}
.header__logo img {
max-width: 100px;
}
.hero__content .btn {
display: flex;
align-items: center;
justify-content: center;
margin: 30px auto 0;
}
.hero {
height: calc(100vh - 70px);
padding: 0;
background-position: 12% 57%;
}
.hero__content {
margin-top: 0;
}
.hero__content .btn {
width: 220px;
margin: 30px auto 0;
}
.offer__image {
min-height: 352px;
}
.offer__image img {
margin-bottom: 64px;
}
.offer__content h2 {
margin-bottom: 30px;
}
.offer__content .btn {
width: 172px;
}
.instant__items {
margin-top: 93px;
}
.instant {
padding: 70px 0 63px;
}
.best__form {
width: 100%;
padding: 40px 35px;
}
.best__form-title {
font-size: 22px;
font-weight: 600;
}
.best__form-group label {
font-size: 14px;
}
.best__form .btn {
width: 172px;
}
.best__form-checkbox input {
width: 18px;
height: 18px;
}
.steps__items {
margin-top: 50px;
gap: 27px;
}
.steps__item {
margin-bottom: 0;
}
.steps__header {
margin: 0 auto 50px;
}
.steps__text {
margin-top: 5px;
}
.steps__num {
margin-top: -33px;
}
.steps h4 {
font-size: 22px;
}
.steps p {
font-size: 16px;
}
.reviews__item {
height: 420px;
}
.reviews__slider {
padding-bottom: 86px;
}
.footer__top {
padding: 41px 15px !important;
gap: 60px;
}
.footer__social {
gap: 47px;
}
.footer__social img {
width: 30px;
height: 30px;
}
.footer__bottom-wrap {
gap: 6px;
} .modal__dialog {
padding: 40px 20px;
width: 95%;
}
.modal__subtitle {
margin: 15px 0 20px;
font-size: 16px;
}
.modal__title {
font-size: 22px;
}
.modal__close {
width: 20px;
height: 20px;
}
.header.header--open .header__nav {
transform: translateY(70px) !important;
}
} @media (max-width: 1023px) {
.header__burger {
display: flex;
z-index: 1002;
}
.header__nav {
position: fixed;
top: 0; left: 0;
right: 0;
width: 100%;
height: calc(100vh - 70px);
background: #fff;
transform: translateY(-100%);
transition: transform 0.3s ease;
z-index: 1001;
}
.header__nav ul {
flex-direction: column;
align-items: center;
justify-content: center;
padding: 15px;
gap: 20px;
width: 100%;
}
.header__nav ul li {
height: 58px;
display: flex;
align-items: center;
border-radius: 6px;
width: 100%;
text-align: center;
justify-content: center;
}
.header__nav ul li:hover {
background: #f2f0f0;
font-weight: 400;
}
.header__nav ul li.current_page_item {
position: relative;
}
.header__nav ul li.current_page_item::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
background: #ffd400;
}
.header__nav ul li.current_page_item:hover {
font-weight: 700;
}
.header__overlay {
display: none !important;
}
.header.header--open .header__nav {
transform: translateY(90px);
display: flex;
}
.header__nav ul li.current_page_item:after {
bottom: -4px;
}
.header__nav ul li.current_page_item:after {
display: none;
} .offer__content-inner {
text-align: center;
}
.offer__content-inner .btn {
margin-left: auto;
margin-right: auto;
}
.offer__image {
height: 615px;
} .reviews {
min-height: 0;
height: auto;
padding: 70px 0;
}
} @media (max-width: 775px) {
.offer__image {
height: 415px;
}
}
@media (max-width: 1399px) {
.best__form-placeholder {
display: flex;
justify-content: center;
}
}
@media (max-width: 1200px) {
.offer__image {
flex: 1 1 auto;
height: 620px;
}
}
@media (max-width: 996px) {
.offer__image {
height: 415px;
max-width: 320px;
}
} .easy-steps {
padding: 120px 0; }
.easy-steps__header {
text-align: center;
max-width: 900px;
margin: 0 auto 60px;
}
.easy-steps__header p {
margin-top: 20px;
}
.easy-steps__items {
position: relative;
display: flex;
justify-content: space-between;
gap: 30px;
align-items: stretch;
background-image: url(//www.autoletgo.com/wp-content/themes/autoletgo/img/Road.jpg);
background-repeat: no-repeat;
background-position: center 30px;
background-size: 62% 61px; }
.easy-steps__item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
padding-top: 150px; }
.easy-steps__item h3 {
margin-top: 40px;
text-align: center;
max-width: 331px;
}
.easy-steps__item p {
margin-top: 15px;
text-align: center;
margin-bottom: 30px;
}
.easy-steps__item .btn {
margin-top: auto;
line-height: .9;
}
.easy-steps__icon-wrapper {
width: 111px;
height: 111px;
border: 4px solid #ffd400;
background: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 55px;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.easy-steps__icon-wrapper img {
width: 56px;
height: 56px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 767px) {
.easy-steps__items {
flex-direction: column;
gap: 60px;
background-image: none;
}
.easy-steps__item {
padding-top: 100px;
}
} .why {
background: #ffd400;
padding: 120px 0 180px;
text-align: center;  }
.why__header {
margin: 0 auto 60px;
}
.why__header p {
margin-top: 20px;
font-size: 24px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.why__items {
display: flex;
gap: 30px;
justify-content: space-between;
margin-bottom: 100px;
}
.why__item {
flex: 1;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
.why__img {
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.why__img img {
width: 100%;
height: auto;
display: block;
}
.why__card {
position: absolute;
bottom: -70px;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 347px;
height: 198px;
display: flex;
flex-direction: column;
background: #fff;
border-radius: 10px;
padding: 40px 25px;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.why__card h3 {
margin-bottom: 15px;
}
.why__card p {
font-size: 18px;
line-height: 1.3;
}
.why__btn-wrapper {
text-align: center;
}
.why__btn-wrapper .btn {
max-width: 312px;
width: 100%;
}
@media (max-width: 991px) {
.why {
padding: 100px 0 100px;
}
.why__items {
flex-direction: column;
margin-bottom: 30px;
}
.why__card {
position: static;
transform: none;
margin-top: -40px;
width: 100%;
}
}
.why.sellCar .why__header p {
max-width: 100%;
}
.why.sellCar .why__card {
height: 318px;
bottom: -180px;
}
.why.sellCar .why__items {
margin-bottom: 210px;
}
@media (max-width: 1023px) {
.why.sellCar .why__items {
margin-bottom: 300px;
}
.why.sellCar .why__card {
height: 345px;
bottom: -259px;
}
} .resources {
padding: 120px 0;
text-align: center;
position: relative;    }
.resources__title {
margin-bottom: 60px;
}
.resources__wrapper {
position: relative;
overflow: hidden;
}
.resources__slider {
overflow: visible;
position: relative;
}
.resources__slide {
display: flex;
justify-content: center;
height: 540px;
}
.resources .card {
width: 312px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
background: #fff;
}
.resources .card__img {
width: 100%;
height: 220px;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
.resources .card__body {
flex: 1;
display: flex;
flex-direction: column;
padding: 24px;
gap: 16px;
}
.resources .card__title {
font-size: 20px;
font-weight: 600;
text-align: left;
}
.resources .card__desc {
font-size: 16px;
text-align: left;
flex: 1;
}
.resources .card__btn {
width: 100%;
margin-top: auto;
}
.resources__nav-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 1400px;
display: flex;
justify-content: space-between;
pointer-events: none;
}
.resources__nav {
pointer-events: auto;
width: 32px;
height: 52px;
background: transparent url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18l-6-6 6-6' stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/24px 24px no-repeat;
border: none;
cursor: pointer;
background-size: contain;
}
.resources__next {
transform: scaleX(-1);
}
.resources__pagination {
display: none;
margin-top: 40px;
}
.resources__pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
border: 1.6px solid #000;
background: transparent;
opacity: 1;
}
.resources__pagination .swiper-pagination-bullet-active {
background: #000;
}
@media (max-width: 1023px) {
.resources__nav-wrapper {
display: none;
}
.resources__pagination {
display: flex;
justify-content: center;
}
}
@media (max-width: 1199px) {
.resources__nav-wrapper {
max-width: 100%;
padding: 0 10px;
}
.resources .card {
width: 100%;
}
} .hero--404 .hero__content {
margin-top: 0;
max-width: 100%;
}
.hero--404 .hero__content h2 {
color: #fff;
}
.notfound__btns {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.notfound__contacts {
margin-top: 60px;
color: #fff;
}
.notfound__contacts h3 {
font-family: "Gilroy", sans-serif;
font-size: 28px;
font-weight: 600;
color: #fff;
text-align: left;
margin-bottom: 30px;
}
.notfound__contacts ul {
list-style: none;
padding: 0;
margin: 0;
}
.notfound__contacts a {
color:#fff;
text-decoration:none;
}
.notfound__contacts li {
display: flex;
align-items: center;
gap: 12px;
font-family: "Gilroy", sans-serif;
font-size: 18px;
margin-bottom: 12px;
color: #fff;
}
.notfound__contacts li img {
width: 18px;
height: 18px;
}
@media (max-width: 1199px) {
.notfound__btns {
flex-direction: column;
align-items: center;
}
.hero--404 .btn {
margin-top: 0;
}
} .contact {
min-height: 900px;
background-size: cover;
background-position: center;
position: relative;
display: flex;
align-items: center;
color: #fff;
}
.contact h2 {
color: #fff;
}
.contact h3 {
color: #fff;
text-align: left;
}
.contact .best__form h3 {
color: #000;
margin-bottom: 0;
text-transform: uppercase;
text-align: center;
}
.contact .hero__desc_contact_us {
text-align: center;
}
.contact::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.82);
z-index: 0;
}
.contact__wrapper {
position: relative;
z-index: 1;
display: flex;
align-items: flex-start;
gap: 40px;
}
.contact__info {
flex: 1;
max-width: 640px;
margin: auto 0;
}
.contact__info h1 {
color: #fff;
}
.contact__info p {
color: #fff;
font-size: 20px;
margin: 30px 0;
}
.contact__info h3 {
font-size: 24px;
margin: 40px 0 25px;
}
.contact__info .btn {
margin-top: 40px;
width: 180px;
}
.contact__list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.contact__list li {
display: flex;
align-items: center;
gap: 12px;
font-size: 18px;
line-height: 1.2;
}
.contact__list li a {
color: #fff;
text-decoration: none;
}
.contact__list li img {
width: 18px;
height: 18px;
}
.contact__form {
flex: 1;
display: flex;
justify-content: center;
}
.contact__info-services-mob {
display: none;
} .services {
padding: 120px 0 0;
}
.services__header {
text-align: center;
margin: 0 auto 60px;
}
.services__header h2 {
font-size: 48px;
font-family: "Actay Wide", sans-serif;
margin-bottom: 20px;
}
.services__header p {
font-size: 22px;
}
.services__features {
display: flex;
width: 100%;
min-height: 437px;
}
.services__feature {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.services__feature h3 {
font-size: 80px;
line-height: 0.95;
font-family: "Actay Wide", sans-serif;
margin-bottom: 40px;
}
.services__feature p {
font-size: 22px;
max-width: 400px;
}
.services__feature--yellow {
background: #ffd400;
color: #000;
}
.services__feature--dark {
background: #2e2e2e;
color: #fff;
}
.services__feature--dark h3 {
font-size: 68px;
color: #fff;
}
.services__feature h3 {
margin-bottom: 0;
}
.services__feature .services__link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: inherit;
text-decoration: none;
transition: transform 0.3s ease;
}
.services__feature .services__link:hover {
transform: scale(1.08);
} @media (max-width: 1199px) {
.services {
padding: 70px 0 0;
}
.contact {
padding: 50px 0;
min-height: 100%;
}
.contact__wrapper {
flex-direction: column;
align-items: center;
}
.contact__form {
width: 100%;
margin-top: 40px;
}
.contact__form .best__form {
width: 100%;
}
.contact h3 {
text-align: center;
margin-bottom: 20px;
}
.contact__info {
max-width: 100%;
text-align: center;
}
.contact__info-services {
display: none;
}
.contact__info-services-mob {
display: block;
margin-top: 40px;
}
.contact__info-services-mob .btn {
margin-left: auto;
margin-right: auto;
}
.contact__form {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 0;
}
.contact__info-services-mob-btn {
text-align: center;
}
.services__header h2 {
font-size: 28px;
}
.services__header p {
font-size: 18px;
}
} @media (max-width: 991px) {
.services__features {
flex-direction: column;
}
.services__feature {
min-height: 360px;
}
.services__feature h3 {
font-size: 48px;
}
.services__feature p {
font-size: 18px;
}
}
.reviews.about-us {
background-color: #fff;
color: #000;
}
.reviews.about-us h2 {
color: #000;
}
.reviews.about-us .reviews__item p {
color: rgb(46, 46, 46);
}
.reviews.about-us .reviews__item-header {
border-bottom: 1px solid rgb(0, 0, 0);
}
.reviews.about-us .reviews__location {
color: #000;
}
.reviews.about-us .reviews__item {
border: 1px solid rgb(0, 0, 0);
}
.reviews.about-us .swiper-pagination-bullet-active {
border: 1.6px solid #000;
background-color: #000;
}
.reviews.about-us .swiper-pagination-bullet {
border: 1.6px solid #000;
}
.reviews.about-us .reviews__item::after {
background: url(//www.autoletgo.com/wp-content/themes/autoletgo/img/apstrGrey.svg) no-repeat center/contain;
}
.hero.about::before {
background: rgba(0, 0, 0, 0.8);
}
.about-info {
padding: 100px 0;
background: #fff;
text-align: center;
}
.about-info h1, .about-info h2, .about-info h3, .about-info h4, .about-info h5, .about-info h6 {
text-align: left;
margin-bottom: 20px;
}
.about-info p {
margin-bottom: 30px;
text-align: left;
}
.about-info ul {
list-style: disc;
margin: 0 auto 40px;
padding-left: 20px;
text-align: left;
}
.about-info ul li {
font-size: 22px;
margin-bottom: 10px;
color: #000;
}
.about-info__list {
list-style: disc;
margin: 0 auto 40px;
padding-left: 20px;
text-align: left;
}
.about-info__list li {
font-size: 22px;
margin-bottom: 10px;
color: #000;
}
.about-info .btn {
margin-top: 30px;
} @media (max-width: 991px) {
.about-info {
padding: 60px 0;
}
.about-info h2 {
font-size: 32px;
margin-top: 40px;
}
.about-info p, .about-info__list li {
font-size: 18px;
}
.hero.about {
background-position: 50%;
}
} @media (max-width: 575px) {
.about-info h2 {
font-size: 28px;
}
} .reputation {
padding: 80px 0;
background: #fff; }
.reputation__title {
text-align: center;
font-family: "Actay Wide", sans-serif;
font-size: 40px;
line-height: 1.2;
margin-bottom: 60px;
}
.reputation__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
max-width: 1000px;
margin: 0 auto;
}
.reputation__row {
display: flex;
align-items: flex-end;
gap: 10px;
}
.reputation__row span {
line-height: 1;
}
.reputation__logo-main, .reputation__logo-yelp {
max-width: 180px;
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.reputation__rating {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.reputation__rating-name {
font-family: "Actay Wide", sans-serif;
font-size: 32px;
margin-bottom: 12px;
}
.reputation__stars {
display: flex;
gap: 6px;
margin-bottom: 0;
}
.reputation__score {
font-size: 18px;
color: #2e2e2e;
} @media (max-width: 991px) {
.reputation__title {
font-size: 32px;
margin-bottom: 40px;
}
.reputation__wrapper {
justify-content: center;
}
.reputation__logo-main, .reputation__logo-yelp {
max-width: 140px;
}
.reputation__rating-name {
font-size: 28px;
}
.reputation__stars img {
width: 28px;
height: 28px;
}
}
@media (max-width: 575px) {
.reputation {
padding: 60px 0;
}
.reputation__title {
font-size: 26px;
}
.reputation__logo-main, .reputation__logo-yelp {
max-width: 120px;
}
.reputation__rating-name {
font-size: 24px;
}
} @media (max-width: 1024px) {
.reputation__wrapper {
flex-direction: column;
gap: 50px;
justify-content: center;
}
} .blog-hero {
padding: 80px 0;
background: #fff;
}
.blog-hero__title {
font-family: "Actay Wide", sans-serif;
font-size: 40px;
line-height: 1.2;
margin-bottom: 12px;
color: #000;
}
.blog-hero__excerpt {
font-size: 18px;
max-width: 800px;
color: #2e2e2e;
margin-bottom: 4px;
}
.blog-hero__meta {
font-size: 14px;
color: #616161;
}
.blog-hero__content {
display: flex;
align-items: stretch;
gap: 40px;
margin-top: 40px;
height: 506px;
}
.blog-hero__image {
flex: 1 1 65%;
}
.blog-hero__image img {
width: 100%;
height: 100%;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
}
.recommended {
flex: 0 0 260px;
width: 260px;
height: 100%;
display: flex;
flex-direction: column;
}
.recommended__title {
font-size: 24px;
font-weight: 600;
margin-bottom: 24px;
text-align: left;
}
.recommended__list {
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1 1 auto;
justify-content: space-between;
}
.recommended__item {
position: relative;
height: 131px;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
}
.recommended__item:hover .recommended__overlay {
background: rgba(0, 0, 0, 0.35);
}
.recommended__thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.recommended__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.55);
transition: background 0.3s ease;
}
.recommended__info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 2;
padding: 0 12px;
color: #fff;
text-align: center;
text-decoration: none;
}
.recommended__name {
font-size: 24px;
font-weight: 600;
margin-bottom: 4px;
line-height: 1.1;
max-height: 50px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.recommended__desc {
font-size: 16px;
line-height: 1.2;
max-height: 50px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.single-blog-content {
padding: 0 0 120px;
}
.single-blog-content h1,
.single-blog-content h2,
.single-blog-content h3,
.single-blog-content h4,
.single-blog-content h5,
.single-blog-content h6 {
text-align: inherit;
margin-bottom: 25px;
margin-top: 40px;
}
.single-blog-content figure img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.single-blog-content p {
font-family: Gilroy;
font-weight: 400;
font-style: Regular;
font-size: 18px;
line-height: 120%;
letter-spacing: 0%;
color: rgb(31, 31, 31);
} @media (max-width: 991px) {
.single-blog-content {
padding: 0 0 70px;
}
.blog-hero__content {
gap: 24px;
height: auto;
}
.blog-hero__content__image img {
height: auto;
}
.recommended {
flex: 0 0 220px;
width: 220px;
height: auto;
}
}
@media (max-width: 768px) {
.blog-hero__content {
flex-direction: column;
}
.recommended {
width: 100%;
flex: none;
}
.recommended__list {
flex-direction: row;
}
.recommended__item {
flex: 0 0 200px;
height: 120px;
}
}
@media (max-width: 575px) {
.blog-hero {
padding: 60px 0;
}
.blog-hero__title {
font-size: 32px;
}
} .blog-content {
padding: 120px 0;
}
.blog-content__wrapper {
display: flex;
gap: 40px;
align-items: flex-start;
}
.blog-content__grid {
flex: 1 1 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px 24px;
} .post-card {
display: flex;
flex-direction: column;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 8px;
overflow: hidden;
background: #fff;
}
.post-card__thumb {
width: 100%;
height: 168px;
-o-object-fit: cover;
object-fit: cover;
}
.post-card__body {
flex: 1 1 auto;
padding: 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
.post-card__title {
font-size: 16px;
font-weight: 600;
line-height: 1.2;
max-height: 50px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.post-card__desc {
font-size: 14px;
color: #2e2e2e;
flex: 1 1 auto;
max-height: 50px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.post-card__btn {
align-self: flex-start;
height: 44px;
font-size: 16px;
padding: 0 18px;
} .sidebar {
flex: 0 0 260px;
width: 260px;
display: flex;
flex-direction: column;
gap: 40px;
}
.sidebar__search {
position: relative;
}
.sidebar__search input {
width: 100%;
height: 58px;
padding: 0 60px 0 20px;
border: none;
border-radius: 8px;
background: rgb(242, 240, 240);
font-size: 16px;
}
.sidebar__search button {
position: absolute;
bottom: 0;
right: 0;
width: 58px;
height: 58px;
background: url(//www.autoletgo.com/wp-content/themes/autoletgo/img/Shape.svg) center/22px no-repeat;
border: none;
cursor: pointer;
}
.sidebar__title {
font-size: 16px;
font-weight: 600;
margin-bottom: 12px;
}
.sidebar__tag-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
list-style: none;
}
.sidebar__tag-list .tag {
display: inline-flex;
align-items: center;
justify-content: center;
height: 29px;
background: rgb(242, 240, 240);
border-radius: 40px;
padding: 0 16px;
font-size: 16px;
font-weight: 400;
color: rgb(0, 0, 0);
text-decoration: none;
}
.sidebar__tag-list .tag:hover {
background: #ffd400;
color: #000;
}
.sidebar__tag-list .tag.active {
background: #ffd400;
color: #000;
} .pagination {
margin-top: 60px;  }
.pagination__list {
display: flex;
justify-content: center;
gap: 12px;
list-style: none;
}
.pagination__item a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
border: none;
border-radius: 10px;
font-size: 28px;
font-weight: 600;
text-decoration: none;
color: #000;
transition: background 0.2s, color 0.2s;
}
.pagination__item span.current {
display: inline-flex;
align-items: center;
justify-content: center;
width: 58px;
height: 58px;
border: none;
border-radius: 10px;
font-size: 28px;
font-weight: 600;
text-decoration: none;
transition: background 0.2s, color 0.2s;
background: #000;
color: #fff;
}
.pagination .pagination__arrow {
border: none;
background: url(//www.autoletgo.com/wp-content/themes/autoletgo/img/arrow_right.svg) center/12px no-repeat;
border-radius: 8px;
}
.pagination .pagination__arrow--prev {
transform: rotate(180deg);
}
.pagination .pagination__arrow--disabled {
opacity: 0.3;
pointer-events: none;
}
.page-template-contact .best__form h3 {
text-transform: uppercase;
margin-bottom: 0;
} @media (max-width: 1199px) {
.blog-content__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 991px) {
.blog-content__wrapper {
flex-direction: column;
}
.sidebar {
width: 100%;
flex: none;
}
}
@media (max-width: 575px) {
.blog-content__grid {
grid-template-columns: 1fr;
}
.post-card__thumb {
height: 200px;
}
} .hero-blogs {
height: 712px;
} .post-card {
height: 508px;
padding: 16px; }
.post-card__thumb {
display: block;
width: 100%;
height: 260px;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px;
}
.post-card__body {
flex: 1 1 auto;
padding: 0;
display: flex;
flex-direction: column;
}
.post-card__thumb + .post-card__body {
border-top: 1px solid rgba(0, 0, 0, 0.15);
padding-top: 16px;
margin-top: 14px;
}
.post-card__title {
font-size: 22px;
text-align: left;
margin-bottom: 8px;
}
.post-card__desc {
font-size: 18px;
color: #2e2e2e;
margin-top: 0;
margin-bottom: 15px;
}
.post-card__btn {
margin-top: auto;
align-self: center;
} @media (max-width: 575px) {
.post-card {
height: auto;
}
.post-card__thumb {
height: 220px;
}
} @media (max-width: 1024px) {
.hero-blogs {
align-items: flex-end;
}
.hero-blogs .hero__content .btn {
margin: 30px 0;
}
.blog-content__wrapper {
flex-direction: column-reverse;
}
.blog-content {
padding: 70px 0;
}
} @media (max-width: 776px) {
.recommended__list {
flex-direction: column !important;
}
} @media (max-width: 768px) {
.blog-content {
padding: 70px;
}
.recommended__item {
flex: 0 0 130px !important;
height: 130px;
}
} .privacy-content h1 {
color:#000;
margin-top: 30px;
}
.footer__credits a {
color:#fff;
text-decoration:none;
} html, body { overflow-x: clip; }
.header {
position: sticky;
top: 0;
z-index: 1000;
transition: transform .24s ease, box-shadow .24s ease;
will-change: transform;
}
.admin-bar .header { top: 32px; }
.header.header--hidden:not(.header--open) { transform: translateY(calc(-100% - 34px)); }
.header.header--reduced-motion { transition: none; }
.header__wrapper { min-width: 0; }
.header__logo a { display: inline-flex; min-height: 44px; align-items: center; }
.header__actions { display: flex; align-items: center; gap: 12px; margin-left: auto; order: 3; }
.header__call {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 10px 18px;
border-radius: 999px;
background: #2e2e2e;
color: #fff !important;
font-size: 15px;
font-weight: 700;
line-height: 1;
text-decoration: none;
}
.header__call svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2; }
.header__call-short { display: none; }
.header__drawer-meta { display: none; }
.header a:focus-visible,
.header button:focus-visible,
.footer a:focus-visible {
outline: 3px solid #8e6f00;
outline-offset: 3px;
}
.header__call:hover,
.header__call:active { background: #1c1d21; color: #fff;}
.footer { background: #2e2e2e !important; color: rgba(255,255,255,.75); }
.footer__cols {
display: grid !important;
grid-template-columns: minmax(220px,1.45fr) minmax(130px,.8fr) minmax(150px,.9fr) minmax(210px,1.15fr);
gap: 32px;
}
.footer__brand { min-width: 0; }
.footer__brand-name {
display: inline-block;
margin-bottom: 14px;
color: #fff !important;
font-family: "Actay Wide", Georgia, serif;
font-size: 22px;
font-weight: 700;
text-decoration: none;
}
.footer__brand p { margin: 0 0 10px; line-height: 1.55; }
.footer__col-title { color: #fff !important; font-size: 12px !important; text-transform: uppercase; letter-spacing: .11em; }
.footer a { color: rgba(255,255,255,.75); }
.footer a:hover { color: #ffd400; text-decoration: underline; text-underline-offset: 4px; }
.footer__email { display: inline-flex; margin-top: 12px; }
.footer__hours { margin-top: 10px; }
.footer__totop { display: none !important; }
.footer__bottom-wrap { gap: 18px; }
@media (min-width: 1001px) {
.header__nav { margin-left: auto; }
.header__actions { margin-left: 18px; }
}
@media (max-width: 1000px) {
.admin-bar .header { top: 46px; }
.header__wrapper { min-height: 72px; }
.header__nav {
position: absolute !important;
left: 20px !important;
right: 20px !important;
top: calc(100% + 8px) !important;
z-index: 1002;
width: auto !important;
max-height: calc(100vh - 120px);
padding: 12px !important;
border-radius: 14px;
background: #fff;
box-shadow: 0 20px 60px rgba(28,29,33,.25);
overflow-y: auto;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-10px);
transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.header--open .header__nav {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.header__nav ul { display: grid !important; width: 100%; gap: 2px !important; }
.header__nav li,
.header__nav a { width: 100%; }
.header__nav a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 10px; }
.header__nav a:hover,
.header__nav a:focus-visible { background: #fff8d2; color: #2e2e2e; }
.header__drawer-meta {
display: grid;
gap: 8px;
margin-top: 10px;
padding: 12px;
border-top: 1px solid rgba(46,46,46,.12);
color: #6b6b6b;
font-size: 14px;
}
.header__drawer-call { justify-content: center; background: #ffd400; color: #2e2e2e !important; font-weight: 800; }
.header__overlay {
position: fixed !important;
inset: 0 !important;
z-index: 1001 !important;
display: block !important;
background: rgba(28,29,33,.42) !important;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .2s ease, visibility .2s ease;
}
.header--open .header__overlay { opacity: 1; visibility: visible; pointer-events: auto; }
.header__burger { position: relative; z-index: 1003; width: 44px !important; height: 44px !important; min-width: 44px; margin-top: 22px;}
.header__call { min-width: 44px; }
}
@media (max-width: 779px) {
.footer__cols { grid-template-columns: 1fr !important; gap: 26px; }
.footer__information,
.footer__services { display: none !important; }
.footer__brand { order: 1; }
.footer__cols > .footer__col:nth-child(4) { order: 2; }
.footer__touch { order: 3; }
.footer__bottom-wrap { display: grid !important; grid-template-columns: 1fr; }
}
@media (max-width: 500px) {
.header__call-full { display: none; }
.header__call-short { display: inline; }
.header__call { padding: 10px 13px; }
}
@media (prefers-reduced-motion: reduce) {
.header,
.header__nav,
.header__overlay { transition: none !important; }
} @media (max-width: 767px) {
.footer__cols .footer__partners { display: flex; }
} a[href^="tel:"] { cursor: pointer; touch-action: manipulation; }
.header__call, .header__drawer-call, .alg-callbar__button, .alg-final-cta a[href^="tel:"], .footer a[href^="tel:"] {
position: relative;
z-index: 2;
pointer-events: auto !important;
}
@media (max-width: 1000px) {
.header__nav {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: auto !important;
width: min(88vw, 390px) !important;
height: 100dvh !important;
max-height: none !important;
margin: 0 !important;
padding: 96px 24px 28px !important;
border-radius: 0 !important;
background: #fff !important;
box-shadow: -22px 0 60px rgba(28,29,33,.22) !important;
overflow-y: auto;
opacity: 1;
visibility: hidden;
pointer-events: none;
transform: translateX(102%);
transition: transform .24s ease, visibility .24s ease;
}
.header--open .header__nav {
visibility: visible;
pointer-events: auto;
transform: translateX(0);
}
.header__nav ul { gap: 4px !important; }
.header__nav li { border-bottom: 1px solid #ece9df; }
.header__nav li:last-child { border-bottom: 0; }
.header__nav a {
min-height: 54px;
padding: 13px 14px;
border-radius: 10px;
color: #2e2e2e;
font-size: 20px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
}
.header__nav .current-menu-item > a { background: #fff3ad; }
.header__drawer-meta {
margin-top: 24px;
padding: 20px 0 0;
gap: 12px;
border-top: 2px solid #ffd400;
}
.header__drawer-meta > a:not(.header__drawer-call),
.header__drawer-meta > span { padding: 0 4px; color: #656565; font-size: 14px; }
.header__drawer-call {
min-height: 52px;
padding: 14px 18px !important;
border-radius: 999px !important;
background: #ffd400 !important;
color: #2e2e2e !important;
font-size: 16px !important;
font-weight: 800 !important;
box-shadow: none;
}
.header__burger span { transition: transform .2s ease, opacity .2s ease; transform-origin: center; }
.header--open .header__burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.header--open .header__burger span:nth-child(2) { opacity: 0; }
.header--open .header__burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.header__overlay { backdrop-filter: blur(3px); }
}
@media (max-width: 520px) {
.header__nav { width: 100% !important; padding: 88px 20px 24px !important; }
.header__nav a { font-size: 19px; }
} @media (max-width: 1000px) {
.header__nav {
display: block !important;
top: 72px !important;
bottom: 0 !important;
height: calc(100dvh - 72px) !important;
transform: translateX(102%) !important;
}
.admin-bar .header__nav {
top: 118px !important;
height: calc(100dvh - 118px) !important;
}
.header--open .header__nav { transform: translateX(0) !important; }
.header__nav > ul {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.header__nav > ul > li {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.header__nav > ul > li > a {
display: flex !important;
width: 100% !important;
height: auto !important;
}
.header__drawer-meta {
display: grid !important;
grid-template-columns: minmax(0, 1fr) !important;
align-items: stretch !important;
justify-items: stretch !important;
width: 100% !important;
}
.header__drawer-meta > * { width: 100% !important; height: auto !important; }
.header__drawer-call { min-height: 52px !important; }
}
@media (max-width: 782px) {
.admin-bar .header__nav {
top: 118px !important;
height: calc(100dvh - 118px) !important;
}
}
@media (max-width: 1000px) {
.header.header--open .header__nav {
display: block !important;
transform: translateX(0) !important;
}
} :root{
--accent:#ffd400; --accent-dk:#e8c000;
--dark:#2e2e2e; --ink:#1c1d21;
--text:#4a4a4a; --muted:#6b6b6b;
--bg:#fff; --bg-soft:#f6f6f4;
--warm:#fffaf0;
--line:rgba(46,46,46,.12); --line-2:rgba(46,46,46,.22);
--r:20px; --r-sm:14px; --r-xs:10px;
--shadow:0 16px 44px rgba(46,46,46,.07);
--shadow-hi:0 20px 56px rgba(46,46,46,.12);
--container:1200px; --container-w:1320px;
--measure:62ch; --gutter:clamp(16px,3vw,32px); --header-h:72px;
--py1:clamp(36px,4vw,60px); --py2:clamp(44px,5vw,76px);
--py3:clamp(36px,4vw,56px); --py4:clamp(28px,3.4vw,48px);
--gap:clamp(16px,2vw,24px); --gap-l:clamp(24px,3vw,40px); --fs-100:12px; --fs-200:14px; --fs-300:15px; --fs-400:17px; } @media(max-width:767px){
:root{ --fs-400:16px; --gutter:20px; }
} :root{
--sell:#ffd400; --sell-ink:#7a6400; --sell-soft:#fff6d5;
--buy:#96c236;  --buy-ink:#4d6714;  --buy-soft:#f0f7e0;
} :root{ --tb-bg:#fffaf0; --tb-fg:#2e2e2e; --tb-sub:#6b6b6b;
--tb-line:rgba(46,46,46,.12); --tb-chip:rgba(255,212,0,.28); --tb-ic:#8a6d00; }
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip;max-width:100%}
.wrap{min-width:0}
.hero__g>*,.two>*,.proc>*,.gcards>*,.posts>*,.ftr__g>*,.contact__g>*,.frow>*{min-width:0}
body{margin:0;background:var(--bg);color:var(--text);
font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:var(--fs-400);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;color:var(--dark);font-family:"Actay Wide","Archivo","Plus Jakarta Sans",Arial,sans-serif;
font-variation-settings:"wdth" 112;font-weight:700;letter-spacing:-.03em;line-height:1.06}
h1{font-size:clamp(34px,4.1vw,52px);line-height:1.06}
h2{font-size:clamp(28px,3vw,40px);line-height:1.12}
h3{font-size:24px;line-height:1.25}
h4{font-size:18px;line-height:1.3;letter-spacing:-.02em}
p,li{font-size:var(--fs-400);line-height:1.6}
label,input,select,textarea,button{font-size:var(--fs-400);line-height:1.4}
p{margin:0}
.lead{font-size:var(--fs-400);line-height:1.6;color:var(--muted);max-width:var(--measure)}
.kicker{display:inline-flex;flex-wrap:wrap;max-width:100%;align-items:center;gap:9px;font-size:var(--fs-100);font-weight:800;
letter-spacing:.11em;text-transform:uppercase;color:var(--dark)}
.kicker::before{content:"";flex:none;width:26px;height:3px;background:var(--accent);border-radius:3px}
.kicker--chip{background:#fff;padding:9px 16px 9px 14px;border-radius:999px;
box-shadow:0 2px 10px rgba(46,46,46,.08);color:var(--dark)} .mini{display:inline-block;padding:6px 13px;border-radius:999px;background:var(--accent);color:var(--dark);
font-size:var(--fs-100);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--w{max-width:var(--container-w)}
.sec{padding-block:var(--py2)} .sec--t1{padding-block:var(--py1)}
.sec--t3{padding-block:var(--py3)} .sec--t4{padding-block:var(--py4)}
.sec--soft{background:var(--bg-soft)}
.sec--proc{background:#f7f6f2} .callbar{background:var(--ink);color:#fff}
.callbar__in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:20px 0}
.callbar b{font-family:"Actay Wide","Archivo",serif;font-size:clamp(18px,1.9vw,22px);color:#fff;letter-spacing:-.02em}
.callbar span{font-size:var(--fs-300);color:rgba(255,255,255,.65)}
.callbar .btn{margin-left:auto}
@media(max-width:640px){.callbar .btn{margin-left:0;width:100%}}
@media(max-width:429px){.callbar__in{gap:10px;padding:14px 0}
.callbar b{font-size:18px;line-height:1.2}
.callbar span{font-size:var(--fs-200);line-height:1.35}
.callbar .btn{min-height:46px}}
@media(max-width:560px){.btn{white-space:normal;text-align:center;padding-inline:20px}}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px var(--gap-l);margin-bottom:var(--gap-l)}
.head__t{max-width:var(--measure)} .head__t p{margin-top:10px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 26px;
border:0;border-radius:999px;font:inherit;font-weight:700;font-size:var(--fs-400);line-height:1.4;text-decoration:none;cursor:pointer;
white-space:nowrap;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s,background .18s}
.btn:focus-visible{outline:3px solid var(--dark);outline-offset:3px}
.btn--y{background:var(--accent);color:var(--dark);box-shadow:0 3px 10px rgba(46,46,46,.12)}
.btn--y:hover{background:var(--accent-dk);box-shadow:0 6px 16px rgba(46,46,46,.16)}
.btn--dk{background:var(--dark);color:#fff;box-shadow:0 3px 10px rgba(46,46,46,.16)}
.btn--out{background:#fff;color:var(--dark);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn--out:hover{box-shadow:inset 0 0 0 1.5px var(--dark)}
.btn--sm{min-height:46px;padding:0 20px;font-size:var(--fs-400)}
.arrow{transition:transform .18s}.btn:hover .arrow{transform:translateX(3px)} .hdr{position:sticky;top:0;z-index:90;height:var(--header-h);display:flex;align-items:center;
background:var(--accent);border-bottom:1px solid rgba(46,46,46,.14);transition:transform .3s}
.hdr--off{transform:translateY(-100%)}
.hdr__in{display:flex;align-items:center;gap:24px;width:100%}
.logo{font-family:"Actay Wide","Archivo",serif;font-variation-settings:"wdth" 118;font-weight:800;font-size:21px;
color:var(--dark);text-decoration:none;letter-spacing:-.03em}
.logo i{font-style:normal;color:var(--dark)}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{color:var(--dark);text-decoration:none;font-size:var(--fs-300);font-weight:600;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{color:var(--dark);border-color:var(--dark)}
.hdr__cta{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}
.hdr__tel .num{display:inline}.hdr__tel .lab{display:none}
@media(max-width:1000px){.nav{display:none}}
@media(max-width:500px){.hdr__tel .num{display:none}.hdr__tel .lab{display:inline}} .burger{display:none;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;
cursor:pointer;align-items:center;justify-content:center;gap:5px;flex-direction:column}
.burger:hover{background:rgba(46,46,46,.10)}
.burger:focus-visible{outline:3px solid var(--dark);outline-offset:2px}
.burger span{display:block;width:22px;height:2px;border-radius:2px;background:var(--dark);transition:transform .22s,opacity .18s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1000px){.burger{display:flex}} .mnav__ov{position:fixed;inset:0;z-index:70;background:rgba(28,29,33,.35);opacity:0;pointer-events:none;transition:opacity .22s}
.mnav__ov.is-on{opacity:1;pointer-events:auto}
.mnav{position:fixed;z-index:80;top:calc(var(--header-h) + 10px);left:20px;right:20px;
max-height:calc(100dvh - var(--header-h) - 28px);background:#fff;
border-radius:var(--r-sm);padding:14px 16px 16px;display:flex;flex-direction:column;
box-shadow:0 18px 44px rgba(46,46,46,.20);transform-origin:top center;
opacity:0;transform:translateY(-8px);transition:opacity .18s,transform .2s cubic-bezier(.2,.8,.3,1);
overflow-y:auto;overscroll-behavior:contain}
.mnav.is-on{opacity:1;transform:none}
.mnav__links{display:grid}
.mnav__links a{padding:0 4px;font-size:var(--fs-400);font-weight:600;color:var(--dark);text-decoration:none;
min-height:48px;display:flex;align-items:center;border-radius:var(--r-xs)}
.mnav__links a+a{border-top:1px solid var(--line)}
.mnav__links a:hover{background:var(--bg-soft)}
.mnav__links a[aria-current]{color:var(--dark);box-shadow:inset 3px 0 0 var(--accent)}
.mnav__links a[aria-current]{padding-left:12px}
.mnav__cta{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.mnav__cta .btn{width:100%;min-height:46px}
.mnav__meta{margin-top:12px;padding:2px 4px 0;font-size:var(--fs-200);color:var(--muted);display:grid;gap:4px}
.mnav__meta a{color:var(--muted);text-decoration:none}
body.is-locked{overflow:hidden} @media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
transition-duration:.01ms!important;scroll-behavior:auto!important}
.hdr{transition:none}
.hdr--off{transform:none} .mnav{transition:none}
}
.mnav[hidden],.mnav__ov[hidden]{display:none}
@media(min-width:1001px){.mnav,.mnav__ov{display:none}} .ftr{background:var(--dark);color:rgba(255,255,255,.72);padding-block:52px 22px}
.ftr__g{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:780px){.ftr__g{grid-template-columns:1.7fr 1fr 1fr 1.35fr;gap:36px}}
.ftr h4{color:#fff;font-size:var(--fs-100);letter-spacing:.11em;text-transform:uppercase;margin-bottom:16px;
font-family:"Plus Jakarta Sans",Arial,sans-serif;font-weight:800}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ftr a{color:rgba(255,255,255,.75);text-decoration:none;font-size:var(--fs-300)}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr__b b{display:block;color:#fff;font-family:"Actay Wide","Archivo",serif;font-size:22px;margin-bottom:14px;letter-spacing:-.03em}
.ftr__b p{font-size:var(--fs-300);max-width:36ch;line-height:1.55}
.ftr__hours{margin-top:14px;font-size:var(--fs-300);color:rgba(255,255,255,.72)}
.ftr__lic{margin-top:10px;font-size:var(--fs-200);color:rgba(255,255,255,.55)}
.ftr__partners{margin-top:22px}
.ftr__social{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ftr__social a{width:40px;height:40px;border-radius:50%;display:grid;place-content:center;
color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:background .18s,transform .18s}
.ftr__social a:hover{background:rgba(255,255,255,.16);transform:translateY(-2px);text-decoration:none}
.ftr__social a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.ftr__social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ftr__social .social--ig svg{stroke-width:1.8}
.ftr__social .social--fb svg{fill:currentColor;stroke:none}
.ftr__social .social--yelp svg{fill:currentColor;stroke:none}
.ftr__bot{margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);
display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;font-size:var(--fs-200)} @media(max-width:779px){
.ftr{padding-block:36px 20px}
.ftr__g{gap:24px}
.ftr__info,.ftr__services{display:none}
.ftr__desc{display:none}
.ftr__b b{margin-bottom:8px}
.ftr__hours{margin-top:0}
.ftr__partners{margin-top:0}
.ftr__social{margin-top:16px}
.ftr__bot{flex-direction:column;align-items:flex-start;gap:8px;margin-top:26px}
}
.admin-bar .hdr{top:32px}
@media(max-width:782px){.admin-bar .hdr{top:46px}} .hdr .btn{height:auto!important;min-height:46px!important;margin: 0;}
@media(max-width:782px){.admin-bar .mnav{top:128px}.admin-bar .mnav__ov{top:46px}} :root{
--accent:#ffd400; --accent-dk:#e8c000;
--dark:#2e2e2e; --ink:#1c1d21;
--text:#4a4a4a; --muted:#6b6b6b;
--bg:#fff; --bg-soft:#f6f6f4;
--warm:#fffaf0;
--line:rgba(46,46,46,.12); --line-2:rgba(46,46,46,.22);
--r:20px; --r-sm:14px; --r-xs:10px;
--shadow:0 16px 44px rgba(46,46,46,.07);
--shadow-hi:0 20px 56px rgba(46,46,46,.12);
--container:1200px; --container-w:1320px;
--measure:62ch; --gutter:clamp(16px,3vw,32px); --header-h:72px;
--py1:clamp(36px,4vw,60px); --py2:clamp(44px,5vw,76px);
--py3:clamp(36px,4vw,56px); --py4:clamp(28px,3.4vw,48px);
--gap:clamp(16px,2vw,24px); --gap-l:clamp(24px,3vw,40px); --fs-100:12px; --fs-200:14px; --fs-300:15px; --fs-400:17px; } @media(max-width:767px){
:root{ --fs-400:16px; --gutter:20px; }
} :root{
--sell:#ffd400; --sell-ink:#7a6400; --sell-soft:#fff6d5;
--buy:#96c236;  --buy-ink:#4d6714;  --buy-soft:#f0f7e0;
} :root{ --tb-bg:#fffaf0; --tb-fg:#2e2e2e; --tb-sub:#6b6b6b;
--tb-line:rgba(46,46,46,.12); --tb-chip:rgba(255,212,0,.28); --tb-ic:#8a6d00; }
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip;max-width:100%}
.wrap{min-width:0}
.hero__g>*,.two>*,.proc>*,.gcards>*,.posts>*,.ftr__g>*,.contact__g>*,.frow>*{min-width:0}
body{margin:0;background:var(--bg);color:var(--text);
font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:var(--fs-400);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;color:var(--dark);font-family:"Actay Wide","Archivo","Plus Jakarta Sans",Arial,sans-serif;
font-variation-settings:"wdth" 112;font-weight:700;letter-spacing:-.03em;line-height:1.06}
h1{font-size:clamp(34px,4.1vw,52px);line-height:1.06}
h2{font-size:clamp(28px,3vw,40px);line-height:1.12}
h3{font-size:24px;line-height:1.25}
h4{font-size:18px;line-height:1.3;letter-spacing:-.02em}
p,li{font-size:var(--fs-400);line-height:1.6}
label,input,select,textarea,button{font-size:var(--fs-400);line-height:1.4}
p{margin:0}
.lead{font-size:var(--fs-400);line-height:1.6;color:var(--muted);max-width:var(--measure)}
.kicker{display:inline-flex;flex-wrap:wrap;max-width:100%;align-items:center;gap:9px;font-size:var(--fs-100);font-weight:800;
letter-spacing:.11em;text-transform:uppercase;color:var(--dark)}
.kicker::before{content:"";flex:none;width:26px;height:3px;background:var(--accent);border-radius:3px}
.kicker--chip{background:#fff;padding:9px 16px 9px 14px;border-radius:999px;
box-shadow:0 2px 10px rgba(46,46,46,.08);color:var(--dark)} .mini{display:inline-block;padding:6px 13px;border-radius:999px;background:var(--accent);color:var(--dark);
font-size:var(--fs-100);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--w{max-width:var(--container-w)}
.sec{padding-block:var(--py2)} .sec--t1{padding-block:var(--py1)}
.sec--t3{padding-block:var(--py3)} .sec--t4{padding-block:var(--py4)}
.sec--soft{background:var(--bg-soft)}
.sec--proc{background:#f7f6f2} .callbar{background:var(--ink);color:#fff}
.callbar__in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:20px 0}
.callbar b{font-family:"Actay Wide","Archivo",serif;font-size:clamp(18px,1.9vw,22px);color:#fff;letter-spacing:-.02em}
.callbar span{font-size:var(--fs-300);color:rgba(255,255,255,.65)}
.callbar .btn{margin-left:auto}
@media(max-width:640px){.callbar .btn{margin-left:0;width:100%}}
@media(max-width:429px){.callbar__in{gap:10px;padding:14px 0}
.callbar b{font-size:18px;line-height:1.2}
.callbar span{font-size:var(--fs-200);line-height:1.35}
.callbar .btn{min-height:46px}}
@media(max-width:560px){.btn{white-space:normal;text-align:center;padding-inline:20px}}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px var(--gap-l);margin-bottom:var(--gap-l)}
.head__t{max-width:var(--measure)} .head__t p{margin-top:10px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 26px;
border:0;border-radius:999px;font:inherit;font-weight:700;font-size:var(--fs-400);line-height:1.4;text-decoration:none;cursor:pointer;
white-space:nowrap;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s,background .18s}
.btn:focus-visible{outline:3px solid var(--dark);outline-offset:3px}
.btn--y{background:var(--accent);color:var(--dark);box-shadow:0 3px 10px rgba(46,46,46,.12)}
.btn--y:hover{background:var(--accent-dk);box-shadow:0 6px 16px rgba(46,46,46,.16)}
.btn--dk{background:var(--dark);color:#fff;box-shadow:0 3px 10px rgba(46,46,46,.16)}
.btn--out{background:#fff;color:var(--dark);box-shadow:inset 0 0 0 1.5px var(--line-2)}
.btn--out:hover{box-shadow:inset 0 0 0 1.5px var(--dark)}
.btn--sm{min-height:46px;padding:0 20px;font-size:var(--fs-400)}
.arrow{transition:transform .18s}.btn:hover .arrow{transform:translateX(3px)} .hdr{position:sticky;top:0;z-index:90;height:var(--header-h);display:flex;align-items:center;
background:var(--accent);border-bottom:1px solid rgba(46,46,46,.14);transition:transform .3s}
.hdr--off{transform:translateY(-100%)}
.hdr__in{display:flex;align-items:center;gap:24px;width:100%}
.logo{font-family:"Actay Wide","Archivo",serif;font-variation-settings:"wdth" 118;font-weight:800;font-size:21px;
color:var(--dark);text-decoration:none;letter-spacing:-.03em}
.logo i{font-style:normal;color:var(--dark)}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{color:var(--dark);text-decoration:none;font-size:var(--fs-300);font-weight:600;padding:6px 0;border-bottom:2px solid transparent}
.nav a:hover,.nav a[aria-current]{color:var(--dark);border-color:var(--dark)}
.hdr__cta{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}
.hdr__tel .num{display:inline}.hdr__tel .lab{display:none}
@media(max-width:1000px){.nav{display:none}}
@media(max-width:500px){.hdr__tel .num{display:none}.hdr__tel .lab{display:inline}} .burger{display:none;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;
cursor:pointer;align-items:center;justify-content:center;gap:5px;flex-direction:column}
.burger:hover{background:rgba(46,46,46,.10)}
.burger:focus-visible{outline:3px solid var(--dark);outline-offset:2px}
.burger span{display:block;width:22px;height:2px;border-radius:2px;background:var(--dark);transition:transform .22s,opacity .18s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1000px){.burger{display:flex}} .mnav__ov{position:fixed;inset:0;z-index:70;background:rgba(28,29,33,.35);opacity:0;pointer-events:none;transition:opacity .22s}
.mnav__ov.is-on{opacity:1;pointer-events:auto}
.mnav{position:fixed;z-index:80;top:calc(var(--header-h) + 10px);left:20px;right:20px;
max-height:calc(100dvh - var(--header-h) - 28px);background:#fff;
border-radius:var(--r-sm);padding:14px 16px 16px;display:flex;flex-direction:column;
box-shadow:0 18px 44px rgba(46,46,46,.20);transform-origin:top center;
opacity:0;transform:translateY(-8px);transition:opacity .18s,transform .2s cubic-bezier(.2,.8,.3,1);
overflow-y:auto;overscroll-behavior:contain}
.mnav.is-on{opacity:1;transform:none}
.mnav__links{display:grid}
.mnav__links a{padding:0 4px;font-size:var(--fs-400);font-weight:600;color:var(--dark);text-decoration:none;
min-height:48px;display:flex;align-items:center;border-radius:var(--r-xs)}
.mnav__links a+a{border-top:1px solid var(--line)}
.mnav__links a:hover{background:var(--bg-soft)}
.mnav__links a[aria-current]{color:var(--dark);box-shadow:inset 3px 0 0 var(--accent)}
.mnav__links a[aria-current]{padding-left:12px}
.mnav__cta{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.mnav__cta .btn{width:100%;min-height:46px}
.mnav__meta{margin-top:12px;padding:2px 4px 0;font-size:var(--fs-200);color:var(--muted);display:grid;gap:4px}
.mnav__meta a{color:var(--muted);text-decoration:none}
body.is-locked{overflow:hidden} @media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
transition-duration:.01ms!important;scroll-behavior:auto!important}
.hdr{transition:none}
.hdr--off{transform:none} .mnav{transition:none}
}
.mnav[hidden],.mnav__ov[hidden]{display:none}
@media(min-width:1001px){.mnav,.mnav__ov{display:none}} .ftr{background:var(--dark);color:rgba(255,255,255,.72);padding-block:52px 22px}
.ftr__g{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:780px){.ftr__g{grid-template-columns:1.7fr 1fr 1fr 1.35fr;gap:36px}}
.ftr h4{color:#fff;font-size:var(--fs-100);letter-spacing:.11em;text-transform:uppercase;margin-bottom:16px;
font-family:"Plus Jakarta Sans",Arial,sans-serif;font-weight:800}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ftr a{color:rgba(255,255,255,.75);text-decoration:none;font-size:var(--fs-300)}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr__b b{display:block;color:#fff;font-family:"Actay Wide","Archivo",serif;font-size:22px;margin-bottom:14px;letter-spacing:-.03em}
.ftr__b p{font-size:var(--fs-300);max-width:36ch;line-height:1.55}
.ftr__hours{margin-top:14px;font-size:var(--fs-300);color:rgba(255,255,255,.72)}
.ftr__lic{margin-top:10px;font-size:var(--fs-200);color:rgba(255,255,255,.55)}
.ftr__partners{margin-top:22px}
.ftr__social{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ftr__social a{width:40px;height:40px;border-radius:50%;display:grid;place-content:center;
color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);transition:background .18s,transform .18s}
.ftr__social a:hover{background:rgba(255,255,255,.16);transform:translateY(-2px);text-decoration:none}
.ftr__social a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.ftr__social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ftr__social .social--ig svg{stroke-width:1.8}
.ftr__social .social--fb svg{fill:currentColor;stroke:none}
.ftr__social .social--yelp svg{fill:currentColor;stroke:none}
.ftr__bot{margin-top:38px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);
display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;font-size:var(--fs-200)} @media(max-width:779px){
.ftr{padding-block:36px 20px}
.ftr__g{gap:24px}
.ftr__info,.ftr__services{display:none}
.ftr__desc{display:none}
.ftr__b b{margin-bottom:8px}
.ftr__hours{margin-top:0}
.ftr__partners{margin-top:0}
.ftr__social{margin-top:16px}
.ftr__bot{flex-direction:column;align-items:flex-start;gap:8px;margin-top:26px}
}
.admin-bar .hdr{top:32px}
@media(max-width:782px){.admin-bar .hdr{top:46px}} .hdr .btn{height:auto!important;min-height:46px!important}
.mnav__cta .btn{height:46px!important;min-height:46px!important;margin-top:0!important}
@media(max-width:782px){.admin-bar .mnav{top:128px}.admin-bar .mnav__ov{top:46px}} body,.v3-home,.hdr,.mnav,.ftr{font-family:"Gilroy",sans-serif!important}
.v3-home h1,.v3-home h2,.v3-home h3,.v3-home h4,.callbar b{font-family:"Actay Wide",sans-serif!important}
.header__logo{display:flex;align-items:center;flex:0 0 auto}
.header__logo a{display:flex;align-items:center;text-decoration:none}
.header__logo svg,.header__logo .custom-logo{display:block;width:150px;height:44px;object-fit:contain}
.ftr__logo{margin-bottom:14px}
.ftr__logo svg,.ftr__logo .custom-logo{filter:brightness(0) invert(1);width:150px;height:44px}
.ftr__partners ul{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.ftr__partners li{display:flex;align-items:center}
.ftr__partners a{display:flex;min-height:44px;align-items:center}
.ftr__partners img{display:block;max-height:34px;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.82}
.ftr__partners a:hover img,.ftr__partners a:focus-visible img{opacity:1}
@media(max-width:500px){.header__logo svg,.header__logo .custom-logo{width:126px;height:auto}.ftr__logo svg,.ftr__logo .custom-logo{width:150px}}
.ftr__logo{width:150px!important}
.ftr__partners img[alt="CarGurus"]{width:100px!important;height:auto!important}
.ftr__partners img[alt="TrueCar"]{width:75px!important;height:auto!important}
.ftr__partners img[alt="Kelley Blue Book"]{width:85px!important;height:auto!important} .nav a[aria-current="page"]{font-weight:800!important;}
.mnav__links a[aria-current="page"]{font-weight:800;background:#fffaf0;box-shadow:inset 3px 0 0 #ffd400}
.ftr a[aria-current="page"]{color:#ffd400!important;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;font-weight:700}