@charset "UTF-8";
 ::placeholder {
color: #FA7D8D;
}
::selection {
background-color: #E40825;
color: #fff;
}
::-moz-selection {
background-color: #E40825;
color: #fff;
}
input,
textarea {
outline: none;
font-size: 17px;
color: #fff;
background: transparent;
border: none;
}
input:focus:required:invalid,
textarea:focus:required:invalid {
border-color: red;
}
input:required:valid,
textarea:required:valid {
border-color: green;
}
body {
font-family: var(--userfont);
font-size: var(--regular-text);
line-height: var(--lineheight);
color: var(--text);
min-width: 320px;
position: relative;
overflow-x: hidden;
background-color: #f5f5f5;
} .image {
max-width: 100%;
margin-bottom: var(--bs-gutter-x);
border-radius: 4px;
}
.accent {
color: var(--accent);
font-weight: bold;
}
.dark {
background-color: var(--bg);
}
.s-title {
margin: 0;
font-weight: 600;
font-size: 67px;
line-height: 1.25;
color: #fff;
text-align: center;
}
.s-title span {
color: var(--text);
display: inline-block;
}
.silver {
color: var(--silver);
}
.swiper-lazy-preloader {
--swiper-preloader-color: var(--accent);
}
.h3 {
font-weight: 700;
font-size: 31px;
line-height: 130%;
color: #fff;
margin: 0 0 1.3rem;
}
.btn-2 {
display: inline-block;
padding: 0 29px;
font-weight: 600;
font-size: 17px;
line-height: 52px;
color: #fff;
transition-duration: 0.15s;
align-self: flex-start;
text-decoration: none;
border: 1px solid #fff;
box-sizing: border-box;
}
.btn-2:hover {
background-color: var(--accent);
border-color: var(--accent);
color: #fff;
}
.pb95 {
padding-bottom: 95px;
} .btn {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
box-sizing: border-box;
border: none;
font-family: inherit;
font-size: 20px;
font-weight: 600;
line-height: 100%;
text-decoration: none;
cursor: pointer;
transition-duration: 0.15s;
white-space: nowrap;
min-height: 80px;
padding: 29px 32px;
gap: 29px;
color: #fff;
background: #E40825;
border-radius: 2px 34px;
}
@media (max-width: 1200px) {
.btn {
min-height: 60px;
padding: 20px 25px;
}
}
.btn:hover {
color: #fff;
background: #c90720;
}
.btn:disabled {
opacity: 0.55;
cursor: default;
}
.btn--secondary {
color: #121921;
background: transparent;
border: 1px solid #E40825;
}
.btn--secondary:hover {
background: #bc061f;
}
.btn--white {
color: #121921;
background: #fff;
}
.btn--white:hover {
color: #121921;
background: #f2f4f7;
}
.btn-all {
min-height: 56px;
height: auto;
padding: 0 26px;
gap: 0;
font-weight: 600;
font-size: 18px;
line-height: 120%;
border-radius: 24px 2px;
color: #fff;
}
.btn-more {
display: flex;
align-items: center;
justify-content: center;
gap: 32px;
width: 100%;
padding: 28px 28px;
border: none;
border-radius: 2px 34px 2px 34px;
font-family: inherit;
text-decoration: none;
font-weight: 600;
font-size: 18px;
line-height: 1.2;
color: #121921;
background: #fff;
border: 1px solid var(--accent, #E40825);
cursor: pointer;
transition-duration: 0.15s;
}
.btn-more:hover {
color: #fff;
background: var(--accent, #E40825);
border-color: var(--accent, #E40825);
}
.btn-more:hover > span:nth-child(2) {
filter: invert(1);
}
.btn-more > span:nth-child(2) {
display: block;
width: 24px;
height: 24px;
flex-shrink: 0;
background: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/refresh-2.svg) no-repeat center/contain;
}
.btn-more[hidden] {
display: none;
}
@media (max-width: 768px) {
.btn {
max-width: 320px;
min-height: 64px;
font-size: 16px;
gap: 24px;
}
}
@media (max-width: 640px) {
.btn,
.btn-more {
min-height: 42px;
height: 42px;
box-sizing: border-box;
padding: 0 20px;
font-size: 14px;
gap: 14px;
}
.btn--secondary {
border-radius: 2px 24px 2px 24px;
}
.btn--white {
height: auto;
min-height: 46px;
padding: 12px 20px;
border-radius: 2px 19px;
}
.btn-more {
height: auto;
min-height: 52px;
padding: 12px 20px;
border-radius: 2px 24px 2px 24px;
}
.btn.btn-all {
width: auto;
max-width: none;
height: auto;
min-height: 46px;
padding: 10px 18px;
font-size: 14px;
border-radius: 24px 2px;
}
}
@media (max-width: 375px) {
.btn {
max-width: none;
width: 100%;
border-radius: 2px 24px;
}
}