@charset "UTF-8";
   .section-block {
margin-bottom: 140px;
background: #fff;
max-width: 1600px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.section-block:last-of-type {
margin-bottom: 0;
}
.section-block--has-bg {
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.main + .section-block {
margin-top: 140px;
}
@media (max-width: 1530px) {
.section-block {
margin-bottom: 100px;
}
.main + .section-block {
margin-top: 100px;
}
}
@media (max-width: 1100px) {
.section-block {
margin-bottom: 60px;
}
.main + .section-block {
margin-top: 60px;
}
}
@media (max-width: 640px) {
.section-block {
margin-bottom: 50px;
}
.main + .section-block {
margin-top: 50px;
}
}
@font-face {
font-family: "Gilroy";
src: url(//riverautolab.ru/wp-content/themes/cleantemplate/fonts/Gilroy-Light.woff2) format("woff2"), url(//riverautolab.ru/wp-content/themes/cleantemplate/fonts/Gilroy-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//riverautolab.ru/wp-content/themes/cleantemplate/fonts/Gilroy-Regular.woff2) format("woff2"), url(//riverautolab.ru/wp-content/themes/cleantemplate/fonts/Gilroy-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//riverautolab.ru/wp-content/themes/cleantemplate/fonts/Gilroy-Semibold.woff2) format("woff2"), url(//riverautolab.ru/wp-content/themes/cleantemplate/fonts/Gilroy-Semibold.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Gilroy";
src: url(//riverautolab.ru/wp-content/themes/cleantemplate/fonts/Gilroy-Bold.woff2) format("woff2"), url(//riverautolab.ru/wp-content/themes/cleantemplate/fonts/Gilroy-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
body {
font-family: "Gilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background-color: #ffffff;
}
.bclose {
display: flex;
align-items: center;
justify-content: center;
}
.container {
max-width: 1600px;
box-sizing: border-box;
padding: 0 29px;
margin: 0 auto;
width: 100%;
}
h2, h1 {
font-size: 60px;
font-weight: 600;
line-height: 100%;
margin-bottom: 0;
}
@media (max-width: 1100px) {
h2, h1 {
font-size: 44px;
}
}
@media (max-width: 768px) {
.container {
padding: 0 20px;
}
h2, h1 {
font-size: 34px;
}
}
@media (max-width: 640px) {
.container {
padding: 0 16px;
}
h2, h1 {
font-size: 28px;
}
}
p {
margin-top: 0;
margin-bottom: 1.4rem;
}
p:last-child {
margin-bottom: 0;
}
.header {
position: fixed;
z-index: 100;
left: 0;
right: 0;
top: 50px;
transition-duration: 0.15s;
overflow: visible;
}
.header .container {
display: block;
}
.header__inner {
display: flex;
flex-direction: row;
align-items: center;
gap: clamp(12px, 1.8vw, 38px);
}
.header__logo {
display: block;
flex-shrink: 0;
width: 180px;
margin: 0;
line-height: 0;
transition: width 0.4s ease 0s;
}
@media (max-width: 1530px) {
.header__logo {
width: 150px;
}
}
@media (max-width: 992px) {
.header__logo {
width: 113px;
}
}
.header__logo img {
display: block;
width: 100%;
height: auto;
}
.header__logo-img--dark {
display: none;
}
.header:not(.dark-text) .header__logo-img--dark {
display: none;
}
.header.dark-text:not(.sticky) .header__logo-img--light,
.mobile-wrapper.dark-text .header__logo-img--light {
display: none;
}
.header.dark-text:not(.sticky) .header__logo-img--dark,
.mobile-wrapper.dark-text .header__logo-img--dark {
display: block;
}
.mobile-wrapper .header__logo-img--dark {
display: none;
}
.header__meta {
display: flex;
flex-direction: column;
gap: 2px;
flex-shrink: 0;
min-width: 0;
}
.header__meta-label {
font-size: 12px;
line-height: 1.25;
opacity: 0.6;
color: rgba(255, 255, 255, 0.55);
white-space: nowrap;
}
.header__meta-value {
font-size: 16px;
font-weight: 600;
line-height: 120%;
color: #fff;
text-decoration: none;
white-space: nowrap;
transition-duration: 0.15s;
}
.header__meta-value:hover {
color: #fff;
}
.header__adres {
display: inline;
padding: 0;
border: none;
border-radius: 0;
font-weight: 600;
font-size: 14px;
line-height: 1.25;
color: #fff;
text-decoration: none;
white-space: nowrap;
letter-spacing: 0;
}
.header__adres:hover {
color: rgba(255, 255, 255, 0.85);
}
.header__number {
font-weight: 700;
font-size: 18px;
line-height: 1.2;
color: #fff;
text-decoration: none;
white-space: nowrap;
margin: 0;
}
.header__number:hover {
color: #fff;
}
.header__cta.btn {
flex-shrink: 0;
margin: 0;
margin-left: -5px;
padding: 20px 28px;
gap: 0;
font-size: 18px;
min-height: auto;
font-weight: 600;
line-height: 120%;
border-radius: 2px 24px;
}
@media (max-width: 768px) {
.header__cta.btn {
border-radius: 2px 16px;
}
}
.header__nav {
display: flex;
align-items: center;
padding: 6px 25px 6px 6px;
margin-right: auto;
box-sizing: border-box;
border-radius: 8px 28px 2px 28px;
background: linear-gradient(167deg, rgba(228, 8, 37, 0) 55.55%, rgba(228, 8, 37, 0.2) 99%), rgba(255, 255, 255, 0.08);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
overflow: visible;
}
.header.sticky .header__nav {
min-height: 44px;
}
.header__menu {
display: flex;
align-items: center;
flex-wrap: nowrap;
width: 100%;
min-width: 0;
padding: 0;
margin: 0;
list-style: none;
margin-right: auto;
overflow: visible;
gap: clamp(8px, 1vw, 26px);
}
.header__menu--primary,
.header__menu--secondary {
min-width: 0;
width: auto;
display: flex;
justify-content: flex-start;
gap: inherit;
}
.header__menu > li {
margin: 0;
flex-shrink: 0;
position: relative;
}
.header .have-sub {
position: relative;
}
.header__menu-item--dropdown > .header__menu-link--parent {
display: inline-flex;
align-items: center;
gap: 6px;
}
.header__menu-item--dropdown > .header__menu-link--parent::after {
content: "";
flex-shrink: 0;
width: 6px;
height: 6px;
margin-top: -2px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform 0.2s ease, border-color 0.15s ease, margin-top 0.2s ease;
}
.header__menu-item--dropdown:hover > .header__menu-link--parent::after,
.header__menu-item--dropdown:focus-within > .header__menu-link--parent::after {
margin-top: 2px;
transform: rotate(-135deg);
}
.header__menu-sub--dropdown {
display: none;
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: 130;
min-width: 220px;
margin: 0;
padding: 8px;
list-style: none;
background: rgba(18, 26, 36, 0.96);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 0 0 12px 12px;
box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
opacity: 1;
visibility: visible;
}
.header__menu-sub--dropdown::before {
content: "";
position: absolute;
top: 0;
left: 16px;
right: 16px;
height: 2px;
border-radius: 2px;
background: #e40825;
}
.header__menu-sub--dropdown li {
margin: 0;
}
.header__menu-sub--dropdown a {
display: block;
padding: 10px 14px;
border-radius: 6px;
font-weight: 500;
font-size: 15px;
line-height: 1.3;
color: #fff;
text-decoration: none;
white-space: nowrap;
transition: color 0.15s ease, background-color 0.15s ease;
}
.header__menu-sub--dropdown a:hover {
color: #fff;
background: rgba(255, 255, 255, 0.1);
text-decoration: none;
}
.header__menu-item--dropdown:hover > .header__menu-sub--dropdown,
.header__menu-item--dropdown:focus-within > .header__menu-sub--dropdown {
display: block;
}
.header.dark-text:not(.sticky) .header__menu-sub--dropdown {
background: #fff;
border-color: rgba(18, 26, 36, 0.08);
box-shadow: 0 16px 40px rgba(18, 26, 36, 0.12);
}
.header.dark-text:not(.sticky) .header__menu-sub--dropdown a {
color: #121a24;
}
.header.dark-text:not(.sticky) .header__menu-sub--dropdown a:hover {
color: #e40825;
background: #f5f8fb;
}
.header__menu-sub {
display: none;
position: absolute;
top: calc(100% + 2px);
left: 0;
z-index: 130;
min-width: 260px;
margin: 0;
padding: 10px 0;
list-style: none;
background: rgba(18, 18, 18, 0.96);
border-radius: 0 0 8px 8px;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45);
}
.header__menu-sub li {
margin: 0;
}
.header__menu-sub a {
display: block;
padding: 8px 18px;
font-weight: 400;
font-size: 14px;
line-height: 1.3;
color: #fff;
text-decoration: none;
white-space: normal;
}
.header__menu-sub a:hover {
background: rgba(255, 255, 255, 0.08);
text-decoration: none;
}
.header .have-sub:hover > .header__menu-sub {
display: block;
}
.header.is-services-open .btn-catalog {
background: #121A24;
color: #fff;
}
.header.is-services-open .btn-catalog:hover {
color: #fff;
background: #121A24;
}
.header.is-services-open .btn-catalog__icon {
border-color: transparent;
}
.hidden-menu {
display: block !important;
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 120;
padding: 10px 0 0;
margin-top: 0;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
pointer-events: none;
transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
}
.header.is-services-open .hidden-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
width: max-content;
margin: 0 auto;
}
.hidden-menu__panel {
padding: 28px 32px 32px;
background: #fff;
border-radius: 2px 34px;
box-shadow: 0 24px 56px rgba(18, 26, 36, 0.14);
}
.hidden-menu__wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
gap: 28px 36px;
}
.hidden-menu__item {
min-width: 0;
}
.hidden-menu__title {
margin: 0 0 14px;
padding-bottom: 12px;
border-bottom: 2px solid #EFF4FA;
font-weight: 600;
font-size: 18px;
line-height: 1.25;
color: #121A24;
}
.hidden-menu__list {
margin: 0;
padding: 0;
list-style: none;
}
.hidden-menu__list li {
margin: 0;
}
.hidden-menu__list a {
display: block;
padding: 7px 0;
font-size: 15px;
line-height: 1.35;
color: #5A6572;
text-decoration: none;
transition: color 0.15s ease;
}
.hidden-menu__list a:hover {
color: #E40825;
text-decoration: none;
}
.hidden-menu__all {
display: inline-flex;
align-items: center;
margin-top: 4px;
padding: 7px 0;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
color: #E40825;
text-decoration: none;
transition: color 0.15s ease;
}
.hidden-menu__all:hover {
color: #121A24;
text-decoration: none;
}
.header__menu-services {
margin-right: 0;
flex-shrink: 0;
}
.header__menu-link:not(.btn-catalog) {
font-weight: 500;
font-size: 18px;
line-height: 120%;
display: inline-flex;
text-decoration: none;
padding: 14px 0;
color: #fff;
padding: 0;
transition-duration: 0.15s;
}
@media (max-width: 1530px) {
.header__menu-link:not(.btn-catalog) {
font-size: 17px;
}
}
.header__menu-link:not(.btn-catalog):hover,
.header__menu-link:not(.btn-catalog):visited,
.header__menu-link:not(.btn-catalog):focus {
color: #fff;
text-decoration: none;
}
.header.dark-text .header__meta-label {
color: rgba(18, 26, 36, 0.55);
}
.header.dark-text .header__meta-value,
.header.dark-text .header__adres,
.header.dark-text .header__number {
color: #121A24;
}
.header.dark-text .header__meta-value:hover,
.header.dark-text .header__adres:hover,
.header.dark-text .header__number:hover {
color: #121A24;
}
.header.dark-text .header__nav {
background: #F5F8FB;
}
.header.dark-text .header__menu-link:not(.btn-catalog) {
color: #121A24;
}
.header.dark-text .header__menu-link:not(.btn-catalog):hover,
.header.dark-text .header__menu-link:not(.btn-catalog):visited,
.header.dark-text .header__menu-link:not(.btn-catalog):focus {
color: #121A24;
}
.header.dark-text.sticky .header__meta-label {
color: rgba(255, 255, 255, 0.55);
}
.header.dark-text.sticky .header__meta-value,
.header.dark-text.sticky .header__adres,
.header.dark-text.sticky .header__number {
color: #fff;
}
.header.dark-text.sticky .header__meta-value:hover,
.header.dark-text.sticky .header__adres:hover,
.header.dark-text.sticky .header__number:hover {
color: #fff;
}
.header.dark-text.sticky .header__nav {
background: linear-gradient(167deg, rgba(228, 8, 37, 0) 55.55%, rgba(228, 8, 37, 0.2) 99%), rgba(255, 255, 255, 0.08);
}
.header.dark-text.sticky .header__menu-link:not(.btn-catalog) {
color: #fff;
}
.header.dark-text.sticky .header__menu-link:not(.btn-catalog):hover,
.header.dark-text.sticky .header__menu-link:not(.btn-catalog):visited,
.header.dark-text.sticky .header__menu-link:not(.btn-catalog):focus {
color: #fff;
}
.header__menu-sep {
display: none;
}
.btn-catalog {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 19px;
min-width: 132px;
padding: 14px 22px 14px 17px;
box-sizing: border-box;
border-radius: 2px 24px;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: #121A24;
text-decoration: none;
background: #FFFFFF;
transition-duration: 0.15s;
margin: 0;
}
@media (max-width: 768px) {
.btn-catalog {
border-radius: 2px 16px;
}
}
.btn-catalog:hover {
color: #121A24;
background: #f2f2f2;
}
.btn-catalog__icon {
position: relative;
display: block;
width: 18px;
height: 10px;
flex-shrink: 0;
border-top: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transition: border-color 0.25s ease;
}
.btn-catalog__icon::before,
.btn-catalog__icon::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 18px;
height: 2px;
background: currentColor;
transform: translate(-50%, -50%);
transition: transform 0.25s ease, opacity 0.25s ease;
}
.btn-catalog__icon::before {
transform: translate(-50%, -50%) rotate(0deg);
}
.btn-catalog__icon::after {
opacity: 0;
}
.header.is-services-open .btn-catalog__icon,
.btn-catalog__icon.active {
border-color: transparent;
}
.header.is-services-open .btn-catalog__icon::before,
.btn-catalog__icon.active::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.header.is-services-open .btn-catalog__icon::after,
.btn-catalog__icon.active::after {
opacity: 1;
transform: translate(-50%, -50%) rotate(-45deg);
}
.header.sticky {
padding: 8px 0;
background: rgb(52, 60, 69);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
top: 0;
}
.header.sticky .header__logo-img--dark {
display: none;
}
.header__menu-link:hover {
text-decoration: none !important;
color: #E40825 !important;
}
.header__menu-link.btn-catalog:hover {
color: #121A24 !important;
}
.header.is-services-open .header__menu-link.btn-catalog:hover {
color: #fff !important;
}
@media (max-width: 1400px) {
.header__inner {
gap: clamp(10px, 1.2vw, 24px);
}
.header__logo {
width: 118px;
}
.header__number {
font-size: 16px;
}
.header__meta-value,
.header__adres {
font-size: 13px;
}
.header__menu-link:not(.btn-catalog) {
font-size: 14px;
}
.header__nav {
padding-right: 14px;
}
.header__schedule {
display: none;
}
}
@media (max-width: 1280px) {
.header {
display: none;
}
.mobile-wrapper {
display: block !important;
}
body {
padding-top: 60px;
}
}
@media (max-width: 1200px) {
.hidden-menu__panel {
padding: 22px 24px 26px;
}
.hidden-menu__wrapper {
gap: 22px 28px;
}
.header__logo {
width: 108px;
}
.header__location {
display: none;
}
.header__meta-label {
font-size: 11px;
}
.header__cta.btn {
height: 44px;
padding: 10px 16px;
font-size: 13px;
}
.btn-catalog {
min-width: 118px;
height: 40px;
font-size: 15px;
gap: 10px;
padding: 0 14px;
}
}
.main {
position: relative;
border-radius: 0 0 60px 60px;
overflow: hidden;
min-height: 650px;
max-width: 1600px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (max-width: 992px) {
.main {
min-height: 0;
}
}
.main__slider {
width: 100%;
}
.main__slider .swiper-slide {
position: relative;
display: flex;
min-height: 650px;
align-items: stretch;
user-select: text;
-webkit-user-select: text;
}
@media (max-width: 992px) {
.main__slider .swiper-slide {
min-height: 450px;
}
}
@media (max-width: 768px) {
.main__slider .swiper-slide {
min-height: 367px;
}
}
.main__bg {
position: absolute;
inset: 0;
z-index: 0;
}
.main__bg-image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.main__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(18, 26, 36, 0.8) 0%, rgba(18, 26, 36, 0.5) 100%);
}
.main__content {
position: relative;
z-index: 3;
width: 100%;
display: flex;
align-items: flex-end;
padding: 148px 30px 30px;
box-sizing: border-box;
user-select: text;
-webkit-user-select: text;
}
.main__inner {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 30px;
width: 100%;
}
.main__text {
max-width: 850px;
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
align-items: flex-start;
position: relative;
}
@media (max-width: 1400px) {
.main__text {
max-width: 70%;
}
}
@media (max-width: 1100px) {
.main__text {
max-width: 100%;
}
}
.main__bread {
margin: 0 0 22px;
}
.main__bread a:hover {
color: #fff;
}
.main__bread > *::after {
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><g opacity='0.85'><path d='M2.97 6.64L5.14 4.47C5.40 4.21 5.40 3.79 5.14 3.53L2.97 1.36' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/></g></svg>") no-repeat center;
background-size: contain;
}
@media (max-width: 640px) {
.main__bread {
margin-bottom: 16px;
}
}
.main__title {
margin: 0;
color: #fff;
margin-top: auto;
}
.main__title > *:first-child {
margin-top: 0;
}
.main__title > *:last-child {
margin-bottom: 0;
}
.main__title h1,
.main__title h2,
.main__title h3,
.main__title h4,
.main__title h5,
.main__title h6,
.main__title p {
margin: 0;
color: inherit;
}
.main__desc {
margin: 30px 0 0;
font-weight: 600;
font-size: 24px;
line-height: 120%;
color: rgba(255, 255, 255, 0.92);
text-align: left;
}
.main__features {
margin: 30px 0 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 26px;
}
.main__features-item {
display: flex;
align-items: center;
gap: 10px;
}
.main__features-icon {
flex-shrink: 0;
width: 34px;
height: 34px;
}
.main__features-icon img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.main__features-text {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 120%;
color: #fff;
}
.main__btns {
margin-top: 55px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
@media (max-width: 992px) {
.main__btns {
margin-top: 0;
gap: 10px;
}
}
@media (max-width: 992px) {
.main__btn {
margin-top: 16px;
}
}
.main__btn.btn--secondary {
color: #fff;
}
.main__rating-wrap {
position: absolute;
z-index: 4;
left: 0;
right: 0;
bottom: 30px;
pointer-events: none;
}
.main__rating-inner {
display: flex;
justify-content: flex-end;
}
.main__rating {
pointer-events: auto;
flex: 0 0 400px;
width: 400px;
max-width: 100%;
min-height: 0;
}
.main__btn-icon {
display: block;
width: 13px;
height: 13px;
flex-shrink: 0;
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
}
.main__card {
flex: 0 0 400px;
width: 400px;
max-width: 100%;
overflow: hidden;
text-decoration: none;
color: #fff;
transition-duration: 0.15s;
padding: 10px;
background: linear-gradient(114.92deg, rgba(228, 8, 37, 0) 45.55%, rgba(228, 8, 37, 0.2) 99%), rgba(255, 255, 255, 0.07);
backdrop-filter: blur(10px);
border-radius: 14px 34px 34px 34px;
}
.main__card:hover {
color: #fff;
transform: translateY(-2px);
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}
.main__card-media {
position: relative;
height: 190px;
overflow: hidden;
}
.main__card-media img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: 4px 24px;
}
.main__card-arrow {
position: absolute;
left: 0;
bottom: 0;
width: 66px;
height: 66px;
border-radius: 2px 24px;
background: #E40825;
}
@media (max-width: 768px) {
.main__card-arrow {
border-radius: 2px 16px;
}
}
.main__card-arrow::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 14px;
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
transform: translate(-50%, -50%);
}
.main__card-body {
padding: 20px 20px 0;
max-width: 309px;
}
.main__card-price {
margin-bottom: 15px;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #fff;
}
.main__card-title {
font-weight: 600;
font-size: 26px;
line-height: 1.15;
color: rgb(255, 255, 255);
}
.main__pagination {
position: absolute;
left: 50% !important;
bottom: 52px !important;
z-index: 4;
transform: translateX(-50%) !important;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
width: auto !important;
}
.main__pagination .swiper-pagination-bullet {
width: 6px;
height: 6px;
margin: 0 !important;
opacity: 1;
background: rgb(255, 255, 255);
transition-duration: 0.15s;
}
.main__pagination .swiper-pagination-bullet-active {
width: 6px;
border-radius: 999px;
background: #fff;
position: relative;
}
.main__pagination .swiper-pagination-bullet-active:after {
content: "";
position: absolute;
width: 20px;
height: 20px;
display: block;
border-radius: 50%;
border: 1px solid white;
opacity: 0.5;
top: 50%;
margin-top: -10px;
left: 50%;
margin-left: -10px;
}
.main__scroll-to-bottom {
width: 24px;
height: 40px;
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/bottom.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: absolute;
z-index: 4;
left: 0;
right: 0;
bottom: 42px;
margin: auto;
cursor: pointer;
}
.main_bg_picture,
.main_bg_image {
display: none;
}
@media (max-width: 1280px) {
.main__content {
padding-top: 120px;
padding-bottom: 88px;
}
}
@media (max-width: 1100px) {
.main__inner {
flex-direction: column;
align-items: flex-start;
}
.main__card,
.main__rating {
flex: 0 0 auto;
width: 100%;
max-width: 360px;
}
.main__rating-wrap {
position: static;
pointer-events: auto;
padding: 16px 30px 0;
}
.main .center-evaluations__card {
background: linear-gradient(180deg, rgba(18, 26, 36, 0.8) 0%, rgb(228, 8, 37) 220%);
}
.main__rating-inner {
justify-content: flex-start;
}
.main__desc {
margin-top: 24px;
font-size: 20px;
}
.main__features {
margin-top: 24px;
gap: 20px;
}
.main__features-text {
font-size: 20px;
}
}
@media (max-width: 768px) {
.main__content {
padding: 100px 0 80px;
align-items: flex-start;
}
.main__desc {
margin-top: 18px;
font-size: 18px;
max-width: none;
}
.main__features {
margin-top: 18px;
gap: 16px;
}
.main__features-text {
font-size: 18px;
}
.main__btn {
margin-top: 0;
}
.main__card,
.main__rating {
max-width: 100%;
}
.main__card-price {
font-size: 18px;
}
.main__pagination {
bottom: 22px !important;
}
}
@media (max-width: 640px) {
.main__content {
padding-top: 25px;
padding-bottom: 44px;
padding-left: 16px;
padding-right: 16px;
}
.main__desc {
font-size: 16px;
line-height: 1.35;
}
.main__features {
margin-top: 16px;
gap: 14px;
}
.main__features-text {
font-size: 16px;
}
}
.about__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
gap: 40px 90px;
align-items: start;
}
.about__title h1, .about__title h2 {
margin: 0 0 60px;
}
@media (max-width: 768px) {
.about__title h1, .about__title h2 {
margin-bottom: 25px;
}
}
.about__lead > *:first-child {
margin-top: 0;
}
.about__lead > *:last-child {
margin-bottom: 0;
}
.about__text {
margin: 0 0 25px;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
@media (max-width: 1400px) {
.about__text {
font-size: 20px;
}
}
@media (max-width: 1100px) {
.about__text {
font-size: 18px;
}
}
.about__text p {
margin: 0 0 20px;
}
.about__text p:last-child {
margin-bottom: 0;
}
.about__text ul,
.about__lead ul {
list-style: none;
margin: 30px 0 0;
padding: 0;
}
.about__text ul li,
.about__lead ul li {
position: relative;
display: flex;
align-items: center;
gap: 14px;
margin: 0;
padding: 22px 0;
font-size: 20px;
font-weight: 500;
line-height: 120%;
color: #121921;
border-bottom: 1px solid #E3E9F0;
}
.about__text ul li:first-child,
.about__lead ul li:first-child {
border-top: 1px solid #E3E9F0;
}
.about__text ul li::before,
.about__lead ul li::before {
content: "";
flex-shrink: 0;
width: 22px;
height: 22px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'><circle cx='11' cy='11' r='10.25' stroke='%23E40825' stroke-width='1.5'/><path d='M6.5 11.2L9.5 14L15 8' stroke='%23E40825' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain;
}
.about__btn {
margin-top: 100px;
}
.about__btn-icon {
display: block;
width: 14px;
height: 14px;
flex-shrink: 0;
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
}
.about__gallery {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
width: 100%;
}
.about__item {
min-width: 0;
height: 100%;
}
.about__media {
display: block;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
text-decoration: none;
color: inherit;
border-radius: 0;
cursor: pointer;
}
.about__media img {
display: block;
width: 100%;
height: 370px;
object-fit: cover;
object-position: center;
border-radius: inherit;
}
@media (max-width: 768px) {
.about__media img {
height: 240px;
}
}
.about__item--lg .about__media {
aspect-ratio: 0.65/1;
}
.about__item--sm .about__media {
aspect-ratio: 1.55/1;
}
.about__gallery--count-1 {
grid-template-columns: minmax(0, 520px);
justify-content: end;
}
.about__gallery--count-2 .about__item--lg .about__media {
min-height: 420px;
}
.about__gallery--count-2.about__gallery--has-card {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: auto auto;
align-items: stretch;
}
.about__gallery--count-2.about__gallery--has-card .about__item:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.about__gallery--count-2.about__gallery--has-card .about__item:nth-child(2) {
grid-column: 2;
grid-row: 1/span 2;
}
.about__gallery--count-2.about__gallery--has-card .about__item:nth-child(2) .about__media {
height: 100%;
min-height: 100%;
}
.about__gallery--count-2.about__gallery--has-card .about__item:nth-child(2) .about__media img {
height: 100%;
}
.about__gallery--count-2.about__gallery--has-card .about__item:nth-child(1) .about__media {
aspect-ratio: 1.35/1;
min-height: 0;
border-radius: 32px 2px 32px 2px;
}
.about__gallery--count-2.about__gallery--has-card .about__item:nth-child(2) .about__media {
border-radius: 2px 32px 2px 32px;
}
.about__card {
grid-column: 1;
grid-row: 2;
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px;
box-sizing: border-box;
background: #F5F8FB;
border-radius: 2px 32px 2px 32px;
}
.about__card-icon {
display: inline-flex;
margin-bottom: 22px;
}
.about__card-icon img {
width: 52px;
height: 52px;
object-fit: contain;
}
.about__card-title {
margin-bottom: 12px;
font-size: 26px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
@media (max-width: 768px) {
.about__card-title {
font-size: 20px;
}
}
.about__card-text {
font-size: 17px;
font-weight: 400;
line-height: 130%;
color: #5A6572;
}
.about__gallery--count-3 {
grid-template-rows: repeat(2, minmax(0, 1fr));
align-items: stretch;
}
.about__gallery--count-3 .about__item:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
.about__gallery--count-3 .about__item:nth-child(2) {
grid-column: 1;
grid-row: 2;
}
.about__gallery--count-3 .about__item:nth-child(3) {
grid-column: 2;
grid-row: 1/span 2;
}
.about__gallery--count-3 .about__item:nth-child(1) .about__media {
border-radius: 32px 2px 32px 2px;
aspect-ratio: auto;
min-height: 100%;
}
.about__gallery--count-3 .about__item:nth-child(2) .about__media {
border-radius: 2px 32px 2px 32px;
aspect-ratio: auto;
min-height: 100%;
}
.about__gallery--count-3 .about__item:nth-child(3) .about__media {
border-radius: 2px 32px 2px 32px;
aspect-ratio: auto;
min-height: 100%;
height: 100%;
}
@media (max-width: 768px) {
.about__gallery--count-3 .about__item:nth-child(3) .about__media {
max-height: 240px;
}
}
.about__gallery--count-3 .about__item:nth-child(3) .about__media img {
height: 100%;
}
.about__gallery--count-1 .about__item:nth-child(1) .about__media {
border-radius: 2px 32px 2px 32px;
}
.about__gallery--count-2 .about__item:nth-child(1) .about__media {
border-radius: 32px 2px 32px 2px;
}
.about__gallery--count-2 .about__item:nth-child(2) .about__media {
border-radius: 2px 32px 2px 32px;
}
.about__play {
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
width: 100px;
height: 100px;
background: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/play_2.png) no-repeat center/contain;
transform: translate(-50%, -50%);
transition-duration: 0.15s;
pointer-events: none;
}
.about__play::after {
display: none;
}
.about__media--video::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: rgba(18, 26, 36, 0.18);
}
@media (max-width: 1100px) {
.about__inner {
grid-template-columns: 1fr;
gap: 40px;
}
.about__gallery {
max-width: 640px;
}
.about__title {
margin-bottom: 40px;
}
.about__lead {
font-size: 24px;
}
}
@media (max-width: 768px) {
.about__title {
margin-bottom: 28px;
}
.about__lead {
font-size: 22px;
}
.about__text {
font-size: 18px;
}
.about__btn {
margin-top: 32px;
}
.about__gallery,
.about__gallery--count-3,
.about__gallery--count-2.about__gallery--has-card {
grid-template-columns: 1fr;
grid-template-rows: auto;
max-width: 100%;
}
.about__gallery--count-3 .about__item:nth-child(1),
.about__gallery--count-3 .about__item:nth-child(2),
.about__gallery--count-3 .about__item:nth-child(3),
.about__gallery--count-2.about__gallery--has-card .about__item:nth-child(1),
.about__gallery--count-2.about__gallery--has-card .about__item:nth-child(2),
.about__gallery--count-2.about__gallery--has-card .about__card {
grid-column: auto;
grid-row: auto;
}
.about__text ul li,
.about__lead ul li {
font-size: 16px;
padding: 18px 0;
}
.about__item--sm .about__media,
.about__item--lg .about__media {
aspect-ratio: 1/1;
min-height: 160px;
}
.about__gallery .about__item .about__media {
border-radius: 2px;
}
}
@media (max-width: 640px) {
.about__lead {
font-size: 20px;
}
.about__text {
font-size: 16px;
}
.about__btn {
margin-top: 0;
}
}
.text-gallery__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
gap: 40px 90px;
align-items: center;
}
.text-gallery__content {
color: #121A24;
}
.text-gallery__content > *:first-child {
margin-top: 0;
}
.text-gallery__content > *:last-child {
margin-bottom: 0;
}
.text-gallery__content h1,
.text-gallery__content h2,
.text-gallery__content h3,
.text-gallery__content h4 {
margin: 0 0 60px;
}
.text-gallery__content p {
margin: 0 0 20px;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.text-gallery__content p:last-child {
margin-bottom: 0;
}
.text-gallery__content ul,
.text-gallery__content ol {
margin: 0 0 14px;
padding-left: 1.2em;
font-size: 20px;
line-height: 1.25;
color: rgba(18, 26, 36, 0.62);
}
.text-gallery__slider {
margin-bottom: 0;
display: flex;
width: 100%;
}
.text-gallery__slider .portfolio-in__init-wrapper {
overflow: hidden;
border-radius: 2px 34px;
background-color: #fff;
}
.text-gallery__slider .portfolio-in__init-wrapper .sub-prev,
.text-gallery__slider .portfolio-in__init-wrapper .sub-next {
position: absolute;
bottom: 0;
z-index: 2;
width: 80px;
height: 56px;
}
.text-gallery__slider .portfolio-in__init-wrapper .sub-prev {
left: 0;
right: auto;
}
.text-gallery__slider .portfolio-in__init-wrapper .sub-next {
left: 80px;
right: auto;
border-radius: 2px 24px 2px 2px;
}
.text-gallery__slide {
display: block;
height: 450px;
}
.text-gallery__slide img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
max-height: 450px;
}
.text-gallery__slider .portfolio-in__dots {
margin-top: 20px;
}
@media (max-width: 1100px) {
.text-gallery__inner {
display: flex;
flex-direction: column;
gap: 32px;
}
.text-gallery__content h1,
.text-gallery__content h2,
.text-gallery__content h3,
.text-gallery__content h4 {
margin-bottom: 24px;
}
}
@media (max-width: 768px) {
.text-gallery__content p,
.text-gallery__content ul,
.text-gallery__content ol {
font-size: 18px;
}
.text-gallery__slide {
height: 320px;
}
}
@media (max-width: 640px) {
.text-gallery__content h1,
.text-gallery__content h2,
.text-gallery__content h3,
.text-gallery__content h4 {
margin-bottom: 16px;
}
.text-gallery__slide {
height: 240px;
}
.text-gallery__slider .portfolio-in__init-wrapper .sub-prev,
.text-gallery__slider .portfolio-in__init-wrapper .sub-next {
width: 52px;
height: 44px;
}
.text-gallery__slider .portfolio-in__init-wrapper .sub-next {
left: 52px;
}
.text-gallery__slider .portfolio-in__init-wrapper .sub-prev::before,
.text-gallery__slider .portfolio-in__init-wrapper .sub-next::before {
width: 18px;
height: 18px;
}
.text-gallery__slider .portfolio-in__dots {
margin-top: 14px;
}
}
@media (min-width: 1280px) {
.text-gallery__slide {
height: 520px;
}
}
.text-block__inner {
position: relative;
}
.text-block__content {
color: #121A24;
}
.text-block__content > *:first-child {
margin-top: 0;
}
.text-block__content > *:last-child {
margin-bottom: 0;
}
.text-block__content h1,
.text-block__content h2,
.text-block__content h3,
.text-block__content h4,
.text-block__content h5,
.text-block__content h6 {
margin: 0 0 30px;
color: #121A24;
}
.text-block__content h2 {
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 100%;
}
.text-block__content h3 {
font-size: 32px;
font-weight: 600;
line-height: 120%;
}
.text-block__content h4 {
font-size: 24px;
font-weight: 600;
line-height: 120%;
}
.text-block__content p {
margin: 0 0 20px;
font-size: 20px;
font-weight: 400;
line-height: 130%;
}
.text-block__content p:last-child {
margin-bottom: 0;
}
.text-block__content ul,
.text-block__content ol {
margin: 0 0 20px;
padding-left: 1.4em;
font-size: 20px;
line-height: 140%;
list-style-position: outside;
}
.text-block__content ul {
list-style-type: disc;
}
.text-block__content ol {
list-style-type: decimal;
}
.text-block__content ul ul {
list-style-type: circle;
margin-top: 8px;
margin-bottom: 8px;
}
.text-block__content ol ol {
list-style-type: lower-alpha;
margin-top: 8px;
margin-bottom: 8px;
}
.text-block__content li + li {
margin-top: 6px;
}
.text-block__content ul:last-child,
.text-block__content ol:last-child {
margin-bottom: 0;
}
.text-block__content a {
color: #E40825;
text-decoration: underline;
transition-duration: 0.15s;
}
.text-block__content a:hover {
color: #c90720;
}
.text-block__content img {
display: block;
max-width: 100%;
height: auto;
margin: 24px 0;
border-radius: 2px 24px;
}
.text-block__content figure {
margin: 24px 0;
}
.text-block__content figcaption {
margin-top: 8px;
font-size: 14px;
line-height: 130%;
color: #5A6572;
}
.text-block__content blockquote {
margin: 24px 0;
padding: 20px 24px;
border-left: 3px solid #E40825;
background: #EFF4FA;
border-radius: 0 2px 24px 2px;
}
.text-block__content hr {
margin: 32px 0;
border: 0;
border-top: 1px solid #DEDEDE;
}
.text-block__content strong,
.text-block__content b {
font-weight: 600;
}
.text-block__content .table,
.text-block__content table {
width: 100%;
margin: 24px 0;
}
.text-block__content .table {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.text-block__content .table table {
margin: 0;
}
.text-block__content table {
border-collapse: collapse;
font-size: 16px;
line-height: 130%;
}
.text-block__content th,
.text-block__content td {
padding: 12px 14px;
border: 1px solid #DEDEDE;
text-align: left;
vertical-align: top;
}
.text-block__content th {
font-weight: 600;
background: #EFF4FA;
}
.text-block__content tr:nth-child(even) td {
background: #FAFBFC;
}
.text-block__toggle-wrap {
display: none;
justify-content: center;
margin-top: 24px;
}
.text-block__toggle {
width: auto;
min-width: 240px;
padding: 16px 28px;
}
.text-block__inner.is-collapsed .text-block__toggle-wrap,
.text-block__inner.is-expanded .text-block__toggle-wrap {
display: flex;
}
.text-block__inner.is-collapsed .text-block__content {
max-height: 420px;
overflow: hidden;
position: relative;
transition: max-height 0.45s ease;
}
.text-block__inner.is-collapsed .text-block__content::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 96px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 88%);
pointer-events: none;
}
.text-block__inner.is-expanded .text-block__content {
max-height: 8000px;
overflow: visible;
transition: max-height 0.55s ease;
}
@media (max-width: 1100px) {
.text-block__content h1,
.text-block__content h2,
.text-block__content h3,
.text-block__content h4 {
margin-bottom: 24px;
}
.text-block__content h2 {
font-size: 34px;
}
.text-block__content h3 {
font-size: 28px;
}
.text-block__content h4 {
font-size: 22px;
}
.text-block__content p,
.text-block__content ul,
.text-block__content ol {
font-size: 18px;
}
.text-block__content img {
margin: 20px 0;
}
.text-block__content blockquote {
margin: 20px 0;
padding: 16px 20px;
}
.text-block__content th,
.text-block__content td {
padding: 10px 12px;
font-size: 15px;
}
}
@media (max-width: 768px) {
.text-block__content h1,
.text-block__content h2,
.text-block__content h3,
.text-block__content h4 {
margin-bottom: 16px;
}
.text-block__content h2 {
font-size: 28px;
}
.text-block__content h3 {
font-size: 22px;
}
.text-block__content h4 {
font-size: 18px;
}
.text-block__content p,
.text-block__content ul,
.text-block__content ol {
font-size: 16px;
margin-bottom: 14px;
}
.text-block__content img {
margin: 16px 0;
border-radius: 2px 16px;
}
.text-block__content blockquote {
margin: 16px 0;
padding: 14px 16px;
}
.text-block__inner.is-collapsed .text-block__content {
max-height: 360px;
}
}
@media (max-width: 640px) {
.text-block__content h2 {
font-size: 24px;
}
.text-block__content h3 {
font-size: 20px;
}
.text-block__content p,
.text-block__content ul,
.text-block__content ol {
font-size: 15px;
}
.text-block__toggle {
width: 100%;
min-width: 0;
}
}
.center-services__heading {
margin: 0 0 40px;
}
.center-services__heading h2 {
margin-bottom: 20px;
}
.center-services__tabs {
display: inline-flex;
flex-wrap: wrap;
gap: 1px;
margin: 0 0 50px;
padding: 0;
list-style: none;
border-radius: 0 24px;
overflow: hidden;
}
.center-services__tabs li {
margin: 0;
border-radius: 2px;
}
.center-services__tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 24px;
border: none;
border-radius: 2px;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 120%;
color: #121921;
background: #EFF4FA;
cursor: pointer;
transition-duration: 0.15s;
}
.center-services__tab.is-active {
color: #fff;
background: #121921;
}
.center-services__tab:hover:not(.is-active) {
background: #e2e8ee;
}
.center-services__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-auto-rows: 360px;
gap: 18px;
}
.center-services__grid.is-loading {
opacity: 0.55;
pointer-events: none;
}
.center-services__item {
position: relative;
display: block;
height: 360px;
border-radius: 34px 2px;
overflow: hidden;
color: #fff;
text-decoration: none;
transition-duration: 0.15s;
}
.center-services__item:hover {
color: #fff;
transform: translateY(-1px);
}
.center-services__item--wide {
grid-column: span 2;
}
.center-services__icon {
position: absolute;
top: 0px;
left: 0px;
z-index: 4;
width: 66px;
height: 66px;
border-radius: 34px 2px;
background: #EFF4FA;
}
.center-services__icon::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 14px;
transform: translate(-50%, -50%);
background: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
}
.center-services__media {
position: absolute;
inset: 0;
}
.center-services__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.center-services__overlay {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background: linear-gradient(218.54deg, rgba(18, 26, 36, 0) 22.17%, rgba(18, 26, 36, 0.9) 69.68%);
}
.center-services__content {
position: absolute;
left: 31px;
right: 22px;
bottom: 30px;
z-index: 3;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 20px;
max-height: calc(100% - 72px);
}
.center-services__title {
margin: 0;
font-weight: 600;
max-width: 470px;
font-size: 32px;
line-height: 1.18;
color: #fff;
}
.center-services__caption {
margin: 0;
font-size: 20px;
font-weight: 400;
line-height: 110%;
color: #fff;
}
.center-services__more {
margin-top: 20px;
}
.center-services__more-icon {
display: block;
width: 17px;
height: 17px;
flex-shrink: 0;
background: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%201747.svg) no-repeat center/contain;
}
@media (max-width: 1100px) {
.center-services__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: 320px;
}
.center-services__item--wide {
grid-column: span 2;
}
.center-services__heading {
margin-bottom: 28px;
}
.center-services__tabs {
margin-bottom: 36px;
}
.center-services__item {
height: 320px;
}
.center-services__title {
font-size: 26px;
}
.center-services__content {
left: 22px;
right: 18px;
bottom: 22px;
gap: 12px;
}
}
@media (max-width: 640px) {
.center-services__heading {
margin-bottom: 24px;
}
.center-services__tabs {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
max-width: 100%;
margin-bottom: 0;
gap: 8px;
border-radius: 2px 2px 2px 24px;
}
.center-services__tabs-scroll {
position: relative;
max-width: 100%;
margin-bottom: 28px;
border-radius: 2px 2px 2px 24px;
overflow: hidden;
}
.center-services__tabs-scroll::after {
content: "";
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 56px;
height: 100%;
pointer-events: none;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
transition: opacity 0.2s ease;
}
.center-services__tabs-scroll.is-at-end::after,
.center-services__tabs-scroll.is-not-scrollable::after {
opacity: 0;
visibility: hidden;
}
.center-services__tabs::-webkit-scrollbar {
display: none;
}
.center-services__tabs li {
flex-shrink: 0;
}
.center-services__tab {
min-height: 42px;
padding: 10px 18px;
font-size: 14px;
white-space: nowrap;
}
.center-services__grid {
grid-template-columns: 1fr;
gap: 16px;
grid-auto-rows: 300px;
}
.center-services__item {
height: 300px;
}
.center-services__item--wide {
grid-column: span 1;
}
.center-services__title {
font-size: 22px;
}
.center-services__caption,
.center-services__price {
font-size: 14px;
}
.center-services__content {
left: 18px;
right: 16px;
bottom: 18px;
}
.center-services__more {
margin-top: 24px;
border-radius: 14px;
}
}
.uslugi-grid__heading {
margin: 0 0 40px;
}
.uslugi-grid__tabs {
display: inline-flex;
flex-wrap: wrap;
gap: 1px;
margin: 0 0 50px;
padding: 0;
list-style: none;
border-radius: 0 24px;
overflow: hidden;
}
.uslugi-grid__tabs li {
margin: 0;
border-radius: 2px;
}
.uslugi-grid__tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 24px;
border: none;
border-radius: 2px;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 120%;
color: #121921;
background: #EFF4FA;
cursor: pointer;
text-decoration: none;
transition-duration: 0.15s;
}
.uslugi-grid__tab.is-active {
color: #fff;
background: #121921;
}
.uslugi-grid__tab:hover:not(.is-active) {
background: #e2e8ee;
}
.uslugi-grid__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.uslugi-grid__grid.is-loading {
opacity: 0.55;
pointer-events: none;
}
.uslugi-grid__empty {
margin: 0;
grid-column: 1/-1;
}
.uslugi-grid__more {
margin-top: 20px;
}
.uslugi-grid__more-icon {
display: block;
width: 17px;
height: 17px;
flex-shrink: 0;
background: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%201747.svg) no-repeat center/contain;
}
.uslugi-grid__item {
position: relative;
display: flex;
min-height: 420px;
border-radius: 34px 2px;
overflow: hidden;
color: #fff;
}
.uslugi-grid__media {
position: absolute;
inset: 0;
}
.uslugi-grid__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.uslugi-grid__overlay {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
background: linear-gradient(180deg, rgba(18, 26, 36, 0) 22%, rgba(18, 26, 36, 0.9) 78%);
}
.uslugi-grid__content {
position: relative;
z-index: 3;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
gap: 14px;
width: 100%;
padding: 32px;
}
.uslugi-grid__title-link {
text-decoration: none;
color: #fff;
}
.uslugi-grid__title-link:hover .uslugi-grid__title {
opacity: 0.85;
}
.uslugi-grid__title {
margin: 0;
font-size: 32px;
font-weight: 600;
line-height: 1.15;
color: #fff;
}
.uslugi-grid__desc {
margin: 0;
font-size: 17px;
font-weight: 400;
line-height: 130%;
color: rgba(255, 255, 255, 0.85);
}
.uslugi-grid__price {
font-size: 18px;
font-weight: 600;
line-height: 1.2;
color: #fff;
}
.uslugi-grid__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 0 22px;
border-radius: 2px 16px;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
color: #121921;
text-decoration: none;
background: #fff;
transition-duration: 0.15s;
}
.uslugi-grid__btn:hover {
color: #121921;
background: #f2f2f2;
}
@media (max-width: 1200px) {
.uslugi-grid__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.uslugi-grid__tabs {
flex-wrap: nowrap;
overflow-x: auto;
max-width: 100%;
border-radius: 0 16px;
}
.uslugi-grid__tabs-scroll {
position: relative;
max-width: 100%;
overflow: hidden;
}
.uslugi-grid__tabs-scroll::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 36px;
pointer-events: none;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
.uslugi-grid__tabs-scroll.is-at-end::after,
.uslugi-grid__tabs-scroll.is-not-scrollable::after {
display: none;
}
.uslugi-grid__tabs {
margin-bottom: 30px;
}
.uslugi-grid__tabs::-webkit-scrollbar {
display: none;
}
.uslugi-grid__tabs li {
flex-shrink: 0;
}
.uslugi-grid__tab {
min-height: 48px;
padding: 0 18px;
font-size: 15px;
}
.uslugi-grid__grid {
grid-template-columns: 1fr;
gap: 14px;
}
.uslugi-grid__item {
min-height: 360px;
border-radius: 24px 2px;
}
.uslugi-grid__content {
padding: 24px;
}
.uslugi-grid__title {
font-size: 26px;
}
.uslugi-grid__desc {
font-size: 15px;
}
}
.steps-slider__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 24px;
}
.steps-slider__title {
margin: 0;
min-width: 0;
font-size: 48px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.steps-slider__controls {
display: flex;
align-items: center;
gap: 20px;
flex-shrink: 0;
}
.steps-slider__lead {
max-width: 960px;
margin: 0 0 40px;
font-size: 20px;
font-weight: 400;
line-height: 130%;
color: #5A6572;
}
.steps-slider__nav {
display: flex;
align-items: stretch;
overflow: hidden;
flex-shrink: 0;
border-radius: 2px 24px;
}
.steps-slider__nav-prev,
.steps-slider__nav-next {
width: 80px;
height: 56px;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
background-color: #EFF4FA;
transition-duration: 0.15s;
}
.steps-slider__nav-prev::after,
.steps-slider__nav-next::after {
content: "";
display: block;
width: 24px;
height: 24px;
margin: auto;
}
.steps-slider__nav-prev::after {
background-color: #121A24;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg) no-repeat center/contain;
}
.steps-slider__nav-next {
background-color: #121921;
}
.steps-slider__nav-next::after {
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg) no-repeat center/contain;
}
.steps-slider__nav-prev:hover:not(.swiper-button-disabled) {
background-color: #e2e8ee;
}
.steps-slider__nav-next:hover:not(.swiper-button-disabled) {
background-color: #0d1218;
}
.steps-slider__nav-prev.swiper-button-disabled,
.steps-slider__nav-next.swiper-button-disabled {
opacity: 0.35;
cursor: default;
}
.steps-slider__wrapper {
position: relative;
}
.steps-slider__slider {
overflow: hidden;
}
.steps-slider__slider .swiper-slide {
width: 330px;
height: auto;
}
.steps-slider__media {
position: relative;
height: 331px;
border-radius: 34px 2px;
background: #F5F8FB;
padding: 30px;
display: flex;
flex-direction: column;
gap: 50px;
}
.steps-slider__check {
display: block;
width: 60px;
height: 60px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='62' height='62' viewBox='0 0 62 62' fill='none'><path d='M46.1866 21.0039L26.1006 41.0039L16.0576 31.0039' stroke='%23E40825' stroke-width='2' stroke-linecap='round'/><path d='M61 34.9178C60.2219 40.7999 57.7096 46.3202 53.7809 50.7808C49.8521 55.2413 44.6833 58.4418 38.928 59.9775C33.1726 61.5132 27.0892 61.3153 21.4468 59.4087C15.8044 57.5021 10.8565 53.9725 7.2286 49.2661C3.60069 44.5597 1.45572 38.8879 1.0649 32.9678C0.674073 27.0476 2.05494 21.145 5.03292 16.0063C8.01089 10.8675 12.4522 6.72332 17.7954 4.09771C23.1386 1.4721 29.1437 0.482953 35.0514 1.25533' stroke='%23E40825' stroke-width='2' stroke-linecap='round'/></svg>") no-repeat center/contain;
}
.steps-slider__caption {
font-size: 28px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
@media (max-width: 1100px) {
.steps-slider__head {
margin-bottom: 20px;
gap: 16px;
}
.steps-slider__title {
font-size: 40px;
}
.steps-slider__lead {
margin-bottom: 32px;
font-size: 18px;
}
.steps-slider__slider .swiper-slide {
width: 240px;
}
.steps-slider__media {
height: 320px;
}
}
@media (max-width: 640px) {
.steps-slider__head {
margin-bottom: 16px;
gap: 12px;
}
.steps-slider__title {
font-size: 30px;
}
.steps-slider__lead {
margin-bottom: 24px;
}
.steps-slider__nav-prev,
.steps-slider__nav-next {
width: 52px;
height: 46px;
}
.steps-slider__slider .swiper-slide {
width: 220px;
}
.steps-slider__media {
height: 250px;
}
.steps-slider__caption {
font-size: 20px;
}
}
.video-promo__inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
gap: 40px 80px;
align-items: center;
}
.video-promo__title {
margin: 0 0 24px;
font-size: 48px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.video-promo__text {
margin: 0 0 30px;
font-size: 20px;
font-weight: 400;
line-height: 130%;
color: #5A6572;
}
.video-promo__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.video-promo__list-item {
display: flex;
align-items: center;
gap: 12px;
margin: 0;
padding: 16px 22px;
font-size: 17px;
font-weight: 500;
line-height: 120%;
color: #121921;
background: #F5F8FB;
border-radius: 2px 18px;
}
.video-promo__list-item::before {
content: "";
flex-shrink: 0;
width: 20px;
height: 20px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><circle cx='10' cy='10' r='9.25' stroke='%23E40825' stroke-width='1.5'/><path d='M6 10.2L8.7 13L14 7' stroke='%23E40825' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain;
}
.video-promo__media-wrap {
min-width: 0;
}
.video-promo__media {
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 420px;
border-radius: 34px 2px;
overflow: hidden;
text-decoration: none;
}
.video-promo__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.video-promo__media::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(18, 26, 36, 0) 40%, rgba(18, 26, 36, 0.7) 100%);
pointer-events: none;
}
.video-promo__play {
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
width: 96px;
height: 96px;
transform: translate(-50%, -50%);
border-radius: 19px;
background: var(--accent) url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/play.svg) no-repeat center;
background-size: 46px;
transition-duration: 0.15s;
}
.video-promo__media:hover .video-promo__play {
box-shadow: 3px 3px 15px rgba(255, 255, 255, 0.5);
}
.video-promo__caption {
position: relative;
z-index: 2;
padding: 30px;
color: #fff;
}
.video-promo__caption-title {
margin-bottom: 6px;
font-size: 26px;
font-weight: 600;
line-height: 120%;
color: #fff;
}
.video-promo__caption-text {
font-size: 17px;
font-weight: 400;
line-height: 130%;
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 1100px) {
.video-promo__inner {
gap: 32px 48px;
}
.video-promo__title {
font-size: 40px;
margin-bottom: 18px;
}
.video-promo__text {
font-size: 18px;
}
.video-promo__media {
height: 360px;
}
.video-promo__play {
width: 80px;
height: 80px;
background-size: 40px;
}
}
@media (max-width: 768px) {
.video-promo__inner {
grid-template-columns: 1fr;
gap: 28px;
}
.video-promo__title {
font-size: 30px;
}
}
@media (max-width: 640px) {
.video-promo__list {
grid-template-columns: 1fr;
}
.video-promo__media {
height: 300px;
}
.video-promo__caption {
padding: 22px;
}
.video-promo__caption-title {
font-size: 22px;
}
}
.center-portfolio__heading {
margin: 0 0 30px;
}
.center-portfolio__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 51px;
}
.center-portfolio__tabs-scroll {
flex: 1 1 auto;
min-width: 0;
}
.center-portfolio__all {
flex-shrink: 0;
min-height: 56px;
padding: 0 28px;
font-size: 16px;
border-radius: 24px 2px;
}
.center-portfolio__tabs {
display: flex;
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
border-radius: 2px 24px;
overflow: hidden;
}
@media (max-width: 768px) {
.center-portfolio__tabs {
border-radius: 2px 16px;
}
}
.center-portfolio__tabs li {
margin: 0;
}
.center-portfolio__tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 24px;
border: none;
font-weight: 600;
line-height: 120%;
color: #121A24;
background: #F5F8FB;
cursor: pointer;
text-decoration: none;
transition-duration: 0.15s;
}
.center-portfolio__tab.is-active {
color: #fff;
background: #121A24;
}
.center-portfolio__tab:hover:not(.is-active) {
background: #e2e8ee;
}
.center-portfolio__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px 20px;
}
.center-portfolio__grid.is-loading {
opacity: 0.55;
pointer-events: none;
}
.center-portfolio__card {
display: flex;
flex-direction: column;
min-width: 0;
}
.center-portfolio__gallery {
position: relative;
overflow: hidden;
border-radius: 34px 2px;
background: #121A24;
}
.center-portfolio__slides {
position: relative;
height: 358px;
}
.center-portfolio__slide {
position: relative;
display: none;
width: 100%;
height: 100%;
outline: none;
overflow: hidden;
}
.center-portfolio__slide.is-active {
display: block;
}
.center-portfolio__slide-link {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}
.center-portfolio__slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition: transform 0.25s ease;
}
.center-portfolio__gallery:hover .center-portfolio__slide.is-active img {
transform: scale(1.04);
}
.center-portfolio__nav {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 3;
display: flex;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.center-portfolio__prev,
.center-portfolio__next {
width: 46px;
height: 46px;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
border-radius: 0 24px 24px 0;
background: #F5F8FB;
transition-duration: 0.15s;
}
.center-portfolio__prev::after,
.center-portfolio__next::after {
content: "";
display: block;
width: 24px;
height: 24px;
margin: auto;
border: none;
transform: none;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.center-portfolio__prev:hover,
.center-portfolio__next:hover {
background: #0d1218;
}
.center-portfolio__prev:hover::after,
.center-portfolio__next:hover::after {
filter: brightness(0) invert(1);
}
.center-portfolio__prev::after {
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg);
transform: rotate(180deg);
}
.center-portfolio__next {
background: #fff;
border-radius: 24px 0 0 24px;
}
.center-portfolio__next::after {
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg);
}
.center-portfolio__badge {
position: absolute;
left: 16px;
bottom: 16px;
z-index: 2;
max-width: calc(100% - 32px);
padding: 10px 14px;
border-radius: 2px 16px;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #fff;
background: rgba(18, 26, 36, 0.72);
backdrop-filter: blur(4px);
}
.center-portfolio__body {
display: block;
padding-top: 16px;
color: inherit;
text-decoration: none;
transition-duration: 0.15s;
}
.center-portfolio__body:hover {
color: inherit;
}
.center-portfolio__body:hover .center-portfolio__name {
color: var(--accent, #E40825);
}
.center-portfolio__name {
margin: 0 0 4px;
font-size: 24px;
font-weight: 600;
line-height: 120%;
color: #121A24;
transition-duration: 0.15s;
}
.center-portfolio__desc {
margin: 0;
font-size: 22px;
font-weight: 500;
line-height: 110%;
color: var(--accent, #E40825);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.center-portfolio__empty {
grid-column: 1/-1;
margin: 0;
padding: 32px 0;
text-align: center;
color: #6A7582;
}
.center-portfolio__more {
margin-top: 40px;
}
@media (max-width: 1100px) {
.center-portfolio__heading {
margin-bottom: 28px;
}
.center-portfolio__toolbar {
flex-wrap: wrap;
margin-bottom: 36px;
}
.center-portfolio__tabs {
flex-wrap: wrap;
}
.center-portfolio__slides {
height: auto;
aspect-ratio: 1.45/1;
}
}
@media (max-width: 640px) {
.center-portfolio__heading {
margin-bottom: 24px;
}
.center-portfolio__toolbar {
flex-direction: column;
align-items: stretch;
margin-bottom: 28px;
}
.center-portfolio__all {
width: 100%;
justify-content: center;
}
.center-portfolio__tabs {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
max-width: 100%;
gap: 8px;
}
.center-portfolio__tabs-scroll {
position: relative;
max-width: 100%;
overflow: hidden;
}
.center-portfolio__tabs-scroll::after {
content: "";
position: absolute;
top: 0;
right: 0;
z-index: 2;
width: 56px;
height: 100%;
pointer-events: none;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
transition: opacity 0.2s ease;
}
.center-portfolio__tabs-scroll.is-at-end::after,
.center-portfolio__tabs-scroll.is-not-scrollable::after {
opacity: 0;
visibility: hidden;
}
.center-portfolio__tabs::-webkit-scrollbar {
display: none;
}
.center-portfolio__tabs li {
flex-shrink: 0;
}
.center-portfolio__tab {
min-height: 42px;
padding: 10px 18px;
font-size: 14px;
white-space: nowrap;
}
.center-portfolio__grid {
grid-template-columns: 1fr;
gap: 20px;
}
.center-portfolio__body {
padding-top: 16px;
}
.center-portfolio__name {
font-size: 18px;
}
.center-portfolio__desc {
font-size: 14px;
}
.center-portfolio__more {
margin-top: 24px;
border-radius: 14px;
}
}
.home-second {
padding: 75px 0;
overflow: hidden;
}
.home-second__row-first {
display: flex;
margin-top: 47px;
}
.home-second__row-first .home-second__img {
height: 285px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 46%;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.home-second__row-first .home-second__img > img {
position: absolute;
right: 30px;
top: -285px;
z-index: -1;
}
.home-second p:last-child {
margin-bottom: 0;
}
.home-second__title {
font-size: 23px;
font-weight: 500;
line-height: 130%;
color: #fff;
margin-bottom: 1.4rem;
}
.home-second__row-second {
margin-top: 85px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home-second__row-second .home-second__text {
width: 52%;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 80px;
}
.home-second__row-second .btn-2 + p {
margin-top: 30px;
}
.home-second__row-second .home-second__img img {
margin-top: -50px;
}
.home-second__row-second .home-second__title {
position: relative;
padding-top: 32px;
}
.home-second__row-second .home-second__title::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
background-color: var(--accent);
height: 1px;
}
.home-second__long-text {
flex: 1;
}
.home-second--bg {
background-position: 0 100%;
background-repeat: no-repeat;
padding-bottom: 180px;
min-height: 900px;
}
.services {
margin-top: 40px;
}
.services .s-title {
margin-bottom: 60px;
}
.services__wrapper {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 75px;
}
.services__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: inherit;
text-decoration: none;
}
.services__item:hover {
color: inherit;
}
.services__item:hover .services__img img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-filter: contrast(1.25);
filter: contrast(1.25);
}
.services__img {
height: 240px;
position: relative;
overflow: hidden;
}
.services__img::before {
content: "";
position: absolute;
top: 55px;
left: 0;
right: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 26, 36, 0)), to(rgba(18, 26, 36, 0.7)));
background: linear-gradient(180deg, rgba(18, 26, 36, 0) 0%, rgba(18, 26, 36, 0.7) 100%);
z-index: 3;
}
.services__img > img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 2;
transition-duration: 0.15s;
opacity: 0.88;
}
.services__title {
font-weight: 700;
font-size: 31px;
line-height: 120%;
color: #fff;
position: absolute;
z-index: 5;
left: 25px;
right: 25px;
bottom: 16px;
}
.services__desc {
font-weight: 500;
font-size: 17px;
line-height: 140%;
display: flex;
align-items: center;
margin-left: 25px;
position: relative;
padding-top: 20px;
}
.services__desc::before {
content: "";
height: 24px;
width: 40px;
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/right.svg);
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 20px;
}
.services__desc::after {
content: "";
position: absolute;
left: 25px;
right: 0;
top: 0;
height: 3px;
background-color: var(--accent);
}
.prems {
margin-top: 145px;
}
.prems .s-title {
margin-bottom: 47px;
}
.prems__wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 -19px;
}
.prems__item {
flex: 0 1 33.33%;
box-sizing: border-box;
padding: 0 19px;
position: relative;
display: flex;
flex-direction: column;
min-height: 260px;
margin-top: 30px;
background: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/figure.svg) no-repeat center;
background-size: contain;
}
@media (max-width: 1000px) {
.prems__item {
flex: 0 1 50%;
}
}
@media (max-width: 540px) {
.prems__item {
flex: 1 1 100%;
}
}
.prems__icon {
margin: -26px auto 0;
width: 79px;
height: 79px;
}
.prems__icon img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.prems__title {
margin-top: 19px;
font-weight: 600;
font-size: 23px;
line-height: 130%;
color: #fff;
text-align: center;
}
.prems__desc {
margin-top: 17px;
font-size: 17px;
line-height: 130%;
color: #fff;
margin-bottom: 0;
}
.works {
margin-top: 110px;
}
.works__init {
overflow: hidden;
}
.works__wrapper {
margin-top: 45px;
position: relative;
}
.works__item {
overflow: hidden;
position: relative;
}
.works__item .sub-prev,
.works__item .sub-next {
position: absolute;
z-index: 3;
}
.works__item .sub-prev {
right: 48px;
top: 0;
}
.works__item .sub-next {
right: 0;
}
.works__item-gallery {
position: relative;
height: 460px;
border-bottom: 3px solid var(--accent);
}
.works__item-gallery .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
outline: none;
position: relative;
background-color: #fff;
font-size: 0;
overflow: hidden;
}
.works__item-gallery .swiper-slide::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 45%;
right: 0;
z-index: 1;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 26, 36, 0)), to(rgba(18, 26, 36, 0.7)));
background: linear-gradient(180deg, rgba(18, 26, 36, 0) 0%, rgba(18, 26, 36, 0.7) 100%);
}
.works__item-gallery .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.works__item-gallery .swiper-slide:hover img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-filter: contrast(1.25);
filter: contrast(1.25);
}
.works__item-title {
position: absolute;
left: 25px;
bottom: 14px;
right: 25px;
z-index: 5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
font-weight: 800;
font-size: 23px;
line-height: 130%;
color: #fff;
}
.works__item-desc {
font-weight: 500;
font-size: 17px;
line-height: 130%;
color: #FFFFFF;
margin: 16px 25px 0;
display: flex;
text-decoration: none;
transition-duration: 0.1s;
}
.works__item-desc:hover {
color: var(--accent);
}
.works__slide.swiper-slide {
border-bottom: 1px solid #2A394D;
padding-bottom: 11px;
height: auto;
}
.sub-prev,
.sub-next {
width: 80px;
height: 56px;
background: #F5F8FB;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.sub-prev::before,
.sub-next::before {
content: "";
width: 23px;
height: 23px;
border: none;
transform: none;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.sub-prev {
border-radius: 2px 2px 2px 24px;
}
.sub-prev::before {
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg);
filter: invert(1);
}
.sub-next {
background-color: #121A24;
border-radius: 2px 24px 2px 2px;
}
.sub-next::before {
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg);
filter: invert(1);
}
.show-all {
display: flex;
justify-content: center;
font-weight: 600;
font-size: 17px;
line-height: 1;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #323E4D;
padding-bottom: 20px;
margin-top: 40px;
transition-duration: 0.15s;
}
.show-all:hover {
color: var(--accent);
}
.prev,
.next {
width: 54px;
height: 33px;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
cursor: pointer;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.prev {
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg);
}
.next {
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg);
transform: none;
}
.prev {
left: -69px;
}
.next {
right: -69px;
}
.video {
margin-top: 120px;
}
.video__wrapper {
height: 660px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
}
.video__wrapper::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 26, 36, 0)), to(rgba(18, 26, 36, 0.7)));
background: linear-gradient(180deg, rgba(18, 26, 36, 0) 0%, rgba(18, 26, 36, 0.7) 100%);
}
.video_bg_picture {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.video_bg_image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.video__play {
width: 168px;
height: 168px;
display: flex;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: var(--accent) url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/play.svg) no-repeat center;
background-size: 82px;
z-index: 2;
transition-duration: 0.15s;
border-radius: 19px;
}
.video__play:hover {
-webkit-box-shadow: 3px 3px 15px white;
box-shadow: 3px 3px 15px white;
}
.video__title {
font-weight: 600;
font-size: 47px;
line-height: 130%;
position: relative;
z-index: 2;
color: #fff;
text-align: center;
padding-bottom: 10px;
margin-bottom: 75px;
}
.video__title::before {
content: "";
position: absolute;
left: 20%;
right: 20%;
bottom: 0;
height: 1px;
background-color: var(--accent);
}
.news {
margin-top: 115px;
}
.news .news__wrapper {
margin-top: 55px;
}
.news__wrapper {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 75px;
}
.news__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.news__img {
height: 435px;
position: relative;
background-color: #fff;
}
.news__img::before {
content: "";
position: absolute;
left: 0;
top: 45px;
right: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(18, 26, 36, 0)), to(rgba(18, 26, 36, 0.7)));
background: linear-gradient(180deg, rgba(18, 26, 36, 0) 0%, rgba(18, 26, 36, 0.7) 100%);
z-index: 1;
}
.news__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news__title {
position: absolute;
left: 25px;
right: 25px;
bottom: 18px;
z-index: 2;
font-weight: 800;
font-size: 35px;
line-height: 120%;
color: #fff;
}
.news__desc {
position: relative;
padding-left: 25px;
padding-top: 28px;
margin-bottom: 25px;
color: rgb(117, 128, 134);
text-decoration: none;
}
.news__desc:hover {
color: rgb(117, 128, 134);
}
.news__desc::before {
content: "";
position: absolute;
left: 25px;
right: 0;
top: 0;
height: 7px;
background-color: var(--accent);
}
.news__detail {
margin: auto 0 0 25px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 30px;
font-weight: bold;
font-size: 17px;
line-height: 20px;
color: #fff;
align-self: flex-start;
text-decoration: none;
border: 1px solid #fff;
}
.news__detail:hover {
background-color: var(--accent);
border-color: var(--accent);
color: #fff;
}
.archive-posts {
padding-bottom: 0;
}
.archive-posts__more {
margin-top: 40px;
}
.archive-posts__more-icon {
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;
}
.archive-posts__empty {
grid-column: 1/-1;
margin: 0;
}
.archive-posts__grid.is-loading {
opacity: 0.55;
pointer-events: none;
}
.news-archive__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 52px 20px;
}
.news-card {
display: flex;
flex-direction: column;
min-width: 0;
color: inherit;
text-decoration: none;
}
.news-card__media {
position: relative;
height: 235px;
overflow: hidden;
border-radius: 34px 2px;
background: #eff4fa;
}
.news-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.news-card__go {
position: absolute;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 66px;
height: 66px;
border-radius: 34px 2px;
background-color: #e40825;
transition-duration: 0.15s;
}
.news-card__go::after {
content: "";
display: block;
width: 12px;
height: 12px;
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
}
.news-card:hover .news-card__go {
background-color: #c90720;
}
.news-card__date {
display: block;
margin: 16px 0 12px;
font-weight: 500;
font-size: 12px;
line-height: 1.1;
color: #5a6572;
}
.news-card__title {
display: -webkit-box;
overflow: hidden;
font-weight: 600;
font-size: 28px;
line-height: 1;
color: #121a24;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
@media (max-width: 1100px) {
.news-archive__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 36px 16px;
}
.news-card__title {
font-size: 22px;
}
}
@media (max-width: 640px) {
.archive-posts {
padding-bottom: 48px;
}
.news-archive__grid {
grid-template-columns: 1fr;
gap: 28px;
}
.news-card__media {
height: 200px;
border-radius: 24px 2px;
}
.news-card__go {
width: 52px;
height: 52px;
border-radius: 24px 2px;
}
.news-card__title {
font-size: 20px;
}
}
.promo-archive__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.promo-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
min-height: 375px;
overflow: hidden;
border-radius: 2px 34px;
background: #121a24;
}
.promo-card__link {
display: block;
flex: 1 1 auto;
min-height: inherit;
color: inherit;
text-decoration: none;
}
.promo-card__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center right;
}
.promo-card::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
}
.promo-card--red::before {
background: linear-gradient(90deg, #e40825 0%, #e40825 42%, rgba(228, 8, 37, 0.72) 58%, rgba(228, 8, 37, 0) 100%);
}
.promo-card--teal::before {
background: linear-gradient(90deg, #285f6e 0%, #285f6e 42%, rgba(40, 95, 110, 0.72) 58%, rgba(40, 95, 110, 0) 100%);
}
.promo-card--blue::before {
background: linear-gradient(90deg, #52a9cc 0%, #52a9cc 42%, rgba(82, 169, 204, 0.72) 58%, rgba(82, 169, 204, 0) 100%);
}
.promo-card__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
height: 100%;
min-height: inherit;
max-width: 78%;
padding: 30px 30px 110px;
box-sizing: border-box;
}
.promo-card__badge {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 6px 14px;
border-radius: 16px 2px;
font-weight: 600;
font-size: 16px;
line-height: 1.2;
color: #fff;
background: rgba(18, 26, 36, 0.1);
}
.promo-card__text {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: auto;
}
.promo-card__title {
margin: 0;
font-weight: 600;
font-size: 30px;
line-height: 1.2;
color: #fff;
}
.promo-card__desc {
margin: 0;
font-weight: 500;
font-size: 20px;
line-height: 1.1;
color: #fff;
}
.promo-card__btn {
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
min-height: 80px;
}
.promo-card--aside {
min-height: 238px;
border-radius: 2px 34px;
}
.promo-card--aside .promo-card__content {
max-width: 88%;
padding: 30px 30px 24px;
}
.promo-card--aside .promo-card__title {
font-size: 30px;
}
.promo-card--aside .promo-card__desc {
font-size: 20px;
}
@media (max-width: 1100px) {
.promo-archive__grid {
grid-template-columns: 1fr;
}
.promo-card {
min-height: 320px;
}
.promo-card__title {
font-size: 26px;
}
}
@media (max-width: 640px) {
.promo-card,
.promo-card--aside {
min-height: 280px;
border-radius: 2px 24px;
}
.promo-card__content {
max-width: 100%;
padding: 22px 20px 86px;
}
.promo-card--aside .promo-card__content {
padding: 22px 20px 24px;
}
.promo-card__title,
.promo-card--aside .promo-card__title {
font-size: 22px;
}
.promo-card__desc,
.promo-card--aside .promo-card__desc {
font-size: 16px;
}
.promo-card--red::before,
.promo-card--teal::before,
.promo-card--blue::before {
background: linear-gradient(180deg, currentColor 0%, rgba(18, 26, 36, 0.35) 100%);
}
.promo-card--red::before {
background: linear-gradient(180deg, #e40825 0%, rgba(228, 8, 37, 0.35) 100%);
}
.promo-card--teal::before {
background: linear-gradient(180deg, #285f6e 0%, rgba(40, 95, 110, 0.35) 100%);
}
.promo-card--blue::before {
background: linear-gradient(180deg, #52a9cc 0%, rgba(82, 169, 204, 0.35) 100%);
}
.promo-card__bg {
object-position: center;
}
.promo-card__btn {
min-height: 56px;
}
}
.entry-detail {
padding-bottom: 80px;
}
.entry-detail__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 440px;
gap: 80px;
align-items: start;
}
.entry-detail__main {
min-width: 0;
}
.entry-detail__media {
overflow: hidden;
margin-bottom: 30px;
height: 418px;
border-radius: 34px 2px;
background: #eff4fa;
}
.entry-detail__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.entry-detail__date {
display: block;
margin: 0 0 12px;
font-weight: 500;
font-size: 12px;
line-height: 1.1;
color: #5a6572;
}
.entry-detail__title {
margin: 0 0 30px;
font-weight: 600;
font-size: 50px;
line-height: 1;
color: #121a24;
}
.entry-detail__content {
margin-top: 0;
}
.entry-detail__aside {
position: sticky;
top: 120px;
}
.entry-detail__aside-list {
display: flex;
flex-direction: column;
gap: 66px;
}
.entry-detail__aside .news-card__media {
height: 206px;
}
.entry-detail__aside .news-card__title {
-webkit-line-clamp: 4;
}
.promo-hero {
position: relative;
margin-bottom: 40px;
}
.promo-hero__media {
position: relative;
overflow: hidden;
height: 375px;
border-radius: 2px 34px;
}
.promo-hero__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center right;
}
.promo-hero__media::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
}
.promo-hero--red .promo-hero__media::before {
background: linear-gradient(90deg, #e40825 0%, #e40825 38%, rgba(228, 8, 37, 0) 100%);
}
.promo-hero--teal .promo-hero__media::before {
background: linear-gradient(90deg, #285f6e 0%, #285f6e 38%, rgba(40, 95, 110, 0) 100%);
}
.promo-hero--blue .promo-hero__media::before {
background: linear-gradient(90deg, #52a9cc 0%, #52a9cc 38%, rgba(82, 169, 204, 0) 100%);
}
.promo-hero__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
max-width: 640px;
height: 100%;
padding: 40px 40px 24px;
box-sizing: border-box;
}
.promo-hero__badge {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 6px 14px;
border-radius: 16px 2px;
font-weight: 600;
font-size: 16px;
line-height: 1.2;
color: #fff;
background: rgba(18, 26, 36, 0.1);
}
.promo-hero__title {
margin: auto 0 0;
font-weight: 600;
font-size: 50px;
line-height: 1;
color: #fff;
}
.promo-hero__desc {
margin: 0;
font-weight: 500;
font-size: 20px;
line-height: 1.1;
color: #fff;
}
.promo-hero__btn {
position: relative;
z-index: 3;
margin-top: -40px;
}
.promo-hero__btn-icon {
display: block;
width: 12px;
height: 12px;
flex-shrink: 0;
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
}
.entry-share {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-top: 48px;
padding: 24px 0;
border-top: 1px solid rgba(18, 26, 36, 0.1);
border-bottom: 1px solid rgba(18, 26, 36, 0.1);
}
.entry-share__label {
margin: 0;
font-weight: 600;
font-size: 20px;
line-height: 1.2;
color: #121a24;
}
.entry-share__list {
display: flex;
align-items: center;
gap: 20px;
}
.entry-share__link {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 30px;
background: #f5f8fb;
transition-duration: 0.15s;
}
.entry-share__link img {
display: block;
width: 18px;
height: 18px;
object-fit: contain;
filter: brightness(0);
}
.entry-share__link:hover {
background: #121a24;
}
.entry-share__link:hover img {
filter: brightness(0) invert(1);
}
@media (max-width: 1100px) {
.entry-detail__layout {
grid-template-columns: 1fr;
gap: 48px;
}
.entry-detail__aside {
position: static;
}
.entry-detail__aside-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.entry-detail__title,
.promo-hero__title {
font-size: 36px;
}
.entry-detail__media,
.promo-hero__media {
height: 320px;
}
}
@media (max-width: 640px) {
.entry-detail {
padding-bottom: 48px;
}
.entry-detail__title,
.promo-hero__title {
font-size: 28px;
}
.entry-detail__media {
height: 220px;
border-radius: 24px 2px;
}
.promo-hero__media {
height: 260px;
border-radius: 2px 24px;
}
.promo-hero__content {
padding: 22px 20px 16px;
max-width: 100%;
}
.promo-hero--red .promo-hero__media::before,
.promo-hero--teal .promo-hero__media::before,
.promo-hero--blue .promo-hero__media::before {
background: linear-gradient(180deg, rgba(18, 26, 36, 0.15) 0%, rgba(18, 26, 36, 0.55) 100%);
}
.promo-hero--red .promo-hero__media::before {
background: linear-gradient(180deg, #e40825 0%, rgba(228, 8, 37, 0.35) 100%);
}
.promo-hero--teal .promo-hero__media::before {
background: linear-gradient(180deg, #285f6e 0%, rgba(40, 95, 110, 0.35) 100%);
}
.promo-hero--blue .promo-hero__media::before {
background: linear-gradient(180deg, #52a9cc 0%, rgba(82, 169, 204, 0.35) 100%);
}
.entry-detail__aside-list {
grid-template-columns: 1fr;
gap: 24px;
}
.entry-share {
flex-direction: column;
align-items: flex-start;
}
}
.reviews {
margin-top: 130px;
}
.reviews__wrapper {
margin-top: 60px;
position: relative;
}
.reviews__init {
overflow: hidden;
}
.reviews__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
position: relative;
}
.reviews__item::before {
content: "";
position: absolute;
left: 45px;
top: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: -1;
}
.reviews__item-gallery {
width: 600px;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 50px;
}
.reviews__item-gallery .swiper-slide {
height: 340px;
outline: none;
overflow: hidden;
}
.reviews__item-gallery .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.reviews__item-gallery .swiper-slide:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-filter: contrast(1.25);
filter: contrast(1.25);
}
.reviews__item-gallery .sub-prev,
.reviews__item-gallery .sub-next {
position: absolute;
z-index: 5;
}
.reviews__item-gallery .sub-prev {
right: 0;
top: 0;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.reviews__item-gallery .sub-next {
right: 46px;
top: 0;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.reviews__item-init {
overflow: hidden;
}
.reviews__item-info {
padding: 40px 55px 0 0;
}
.reviews__autor {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 92px;
min-height: 48px;
}
.reviews__autor::before {
content: "";
width: 64px;
height: 48px;
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/quoter.svg);
-ms-flex-negative: 0;
flex-shrink: 0;
position: absolute;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
left: 0;
display: block;
}
.reviews__name {
font-weight: 800;
font-size: 23px;
line-height: 1;
color: var(--accent);
}
.reviews__car {
font-weight: 800;
font-size: 20px;
line-height: 1;
color: var(--bg);
margin-top: 4px;
}
.reviews__text {
margin: 30px 0 0;
color: var(--bg);
font-style: italic;
font-size: 17px;
}
.reviews__dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 20px;
}
.reviews__dots span {
width: 33px;
height: 2px;
background-color: #DEDEDE;
opacity: 1;
border-radius: 0;
margin: 0 0 0 5px !important;
}
.reviews__dots .swiper-pagination-bullet-active {
background-color: var(--accent);
}
.photo-gallery {
margin-top: 120px;
}
.photo-gallery__wrapper {
display: flex;
flex-wrap: wrap;
margin-top: 45px;
}
.photo-gallery__photo {
position: relative;
height: 299px;
outline: none;
overflow: hidden;
flex: 0 1 33.33%;
}
@media (max-width: 1000px) {
.photo-gallery__photo {
flex: 0 1 50%;
}
}
@media (max-width: 1000px) {
.photo-gallery__photo {
flex: 0 1 100%;
margin: 0 0 29px;
}
}
.photo-gallery__photo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transition-duration: 0.15s;
}
.photo-gallery__photo:hover img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-filter: contrast(1.25);
filter: contrast(1.25);
}
.brands__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-bottom: 41px;
}
.brands__title {
margin: 0;
max-width: 720px;
font-weight: 400;
font-size: clamp(30px, 3.2vw, 52px);
line-height: 1.12;
letter-spacing: -0.02em;
color: #121921;
}
.brands__controls {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
margin-bottom: 8px;
}
.brands__nav,
.center-promo__nav,
.center-reviews__nav {
display: flex;
align-items: stretch;
overflow: hidden;
border-radius: 2px 24px;
}
.brands__nav-prev,
.brands__nav-next,
.center-promo__nav-prev,
.center-promo__nav-next,
.center-reviews__nav-prev,
.center-reviews__nav-next {
width: 80px;
height: 56px;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
position: static;
background-color: #EFF4FA;
background-image: none;
transition-duration: 0.15s;
}
.brands__nav-prev::after,
.brands__nav-next::after,
.center-promo__nav-prev::after,
.center-promo__nav-next::after,
.center-reviews__nav-prev::after,
.center-reviews__nav-next::after {
content: "";
display: block;
width: 24px;
height: 24px;
margin: auto;
border: none;
transform: none;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.brands__nav-prev.swiper-button-disabled,
.brands__nav-next.swiper-button-disabled,
.center-promo__nav-prev.swiper-button-disabled,
.center-promo__nav-next.swiper-button-disabled,
.center-reviews__nav-prev.swiper-button-disabled,
.center-reviews__nav-next.swiper-button-disabled {
opacity: 0.35;
cursor: default;
}
.brands__nav-prev::after,
.center-promo__nav-prev::after,
.center-reviews__nav-prev::after {
background-image: none;
background-color: #121A24;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg) no-repeat center/contain;
}
.brands__nav-next,
.center-promo__nav-next,
.center-reviews__nav-next {
background-color: #121921;
}
.brands__nav-next::after,
.center-promo__nav-next::after,
.center-reviews__nav-next::after {
background-image: none;
filter: none;
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg) no-repeat center/contain;
}
.brands__nav-prev:hover,
.center-promo__nav-prev:hover,
.center-reviews__nav-prev:hover {
background-color: #e2e8ee;
}
.brands__nav-next:hover,
.center-promo__nav-next:hover,
.center-reviews__nav-next:hover {
background-color: #0d1218;
}
.brands__wrapper {
position: relative;
}
.brands__init {
overflow: hidden;
width: 100%;
}
.brands .swiper-slide,
.brands .brands__slide {
display: flex;
align-items: center;
justify-content: center;
height: 134px;
padding: 17px 20px;
box-sizing: border-box;
background: #fff;
border-right: 1px solid rgba(42, 57, 77, 0.12);
box-shadow: none;
text-decoration: none;
}
.brands .brands__slide img,
.brands .swiper-slide img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 71px;
object-fit: contain;
}
@media (max-width: 992px) {
.brands__head {
flex-direction: column;
align-items: flex-start;
}
.brands__controls {
width: 100%;
justify-content: space-between;
}
.brands__head {
margin-bottom: 28px;
}
}
@media (max-width: 640px) {
.brands__title {
font-size: 28px;
}
.brands__head {
margin-bottom: 20px;
gap: 16px;
}
.brands .swiper-slide,
.brands .brands__slide {
height: 88px;
padding: 12px 14px;
}
.brands .brands__slide img,
.brands .swiper-slide img {
max-height: 52px;
}
}
.center-promo__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-bottom: 52px;
}
.center-promo__title {
margin: 0;
font-weight: 400;
font-size: 62px;
line-height: 1.12;
letter-spacing: -0.02em;
color: #121921;
}
.center-promo__controls {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
position: relative;
}
.center-promo__wrapper {
position: relative;
}
.center-promo__slider {
overflow: hidden;
}
.center-promo__slider .swiper-wrapper {
align-items: stretch;
}
.center-promo__slider .swiper-slide {
height: auto;
display: flex;
box-sizing: border-box;
}
.center-promo__card {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
flex: 1;
min-height: 320px;
border-radius: 2px 34px;
overflow: hidden;
}
.center-promo__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center right;
}
.center-promo__card::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
}
.center-promo__card--red::before {
background: linear-gradient(90deg, #E40825 0%, #E40825 42%, rgba(228, 8, 37, 0.72) 58%, rgba(228, 8, 37, 0) 100%);
}
.center-promo__card--teal::before {
background: linear-gradient(90deg, #1B5563 0%, #1B5563 42%, rgba(27, 85, 99, 0.72) 58%, rgba(27, 85, 99, 0) 100%);
}
.center-promo__content {
position: relative;
z-index: 2;
display: flex;
flex: 1;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 39px;
min-height: 0;
max-width: 70%;
padding: 101px 11px 14px;
box-sizing: border-box;
}
.center-promo__text {
display: flex;
flex-direction: column;
gap: 19px;
padding: 0 20px;
flex: 1;
}
.center-promo__badge {
display: inline-flex;
align-items: center;
padding: 8px 16px;
border-radius: 999px;
font-size: 14px;
line-height: 1.2;
font-weight: 500;
color: #fff;
background: rgba(255, 255, 255, 0.22);
flex-shrink: 0;
}
.center-promo__name {
margin: 0;
font-weight: 600;
font-size: 32px;
line-height: 1.15;
color: #fff;
max-width: 350px;
}
.center-promo__desc {
margin: 0;
max-width: 420px;
font-size: 16px;
line-height: 1.45;
color: rgb(255, 255, 255);
font-weight: 500;
}
.center-promo__btn {
flex-shrink: 0;
margin-top: auto;
}
@media (max-width: 992px) {
.center-promo__head {
flex-direction: column;
align-items: flex-start;
}
.center-promo__controls {
width: 100%;
justify-content: space-between;
}
.center-promo__title {
font-size: 42px;
}
.center-promo__head {
margin-bottom: 36px;
}
.center-promo__content {
max-width: 72%;
min-height: 0;
padding-top: 72px;
}
}
@media (max-width: 640px) {
.center-promo__title {
font-size: 32px;
line-height: 1.08;
}
.center-promo__head {
margin-bottom: 24px;
gap: 16px;
}
.center-promo__card {
min-height: 320px;
}
.center-promo__content {
min-height: 0;
max-width: 100%;
padding: 24px 22px 26px;
gap: 18px;
}
.center-promo__name {
font-size: 24px;
max-width: none;
}
.center-promo__desc {
font-size: 14px;
max-width: none;
}
.center-promo__text {
gap: 12px;
padding: 0;
}
.center-promo__card--red::before {
background: linear-gradient(180deg, #E40825 0%, rgba(228, 8, 37, 0.85) 55%, rgba(228, 8, 37, 0.35) 100%);
}
.center-promo__card--teal::before {
background: linear-gradient(180deg, #1B5563 0%, rgba(27, 85, 99, 0.85) 55%, rgba(27, 85, 99, 0.35) 100%);
}
.center-promo__bg {
object-position: center;
}
}
.center-reviews__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 50px;
}
.center-reviews__controls {
display: flex;
align-items: center;
gap: 20px;
flex-shrink: 0;
}
.center-reviews__wrapper {
position: relative;
}
.center-reviews__slider {
overflow: hidden;
}
.center-reviews__card {
display: flex;
height: 470px !important;
overflow: hidden;
border-radius: 24px 2px;
background: #F5F8FB;
}
@media (max-width: 1200px) {
.center-reviews__card {
flex-direction: column;
height: auto !important;
}
}
.center-reviews__media {
position: relative;
flex: 0 0 49%;
max-width: 49%;
overflow: hidden;
border-radius: 2px 34px;
}
@media (max-width: 1200px) {
.center-reviews__media {
flex: none;
max-width: 100%;
width: 100%;
border-radius: 2px 24px;
}
}
.center-reviews__slides {
position: relative;
width: 100%;
height: 100%;
min-height: 406px;
}
.center-reviews__slide {
display: none;
width: 100%;
height: 100%;
min-height: 406px;
overflow: hidden;
}
.center-reviews__slide.is-active {
display: block;
}
.center-reviews__media img {
display: block;
width: 100%;
height: 100%;
min-height: 406px;
max-height: 406px;
object-fit: cover;
}
.center-reviews__media-nav {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
z-index: 3;
display: flex;
justify-content: space-between;
overflow: hidden;
pointer-events: none;
}
.center-reviews__media-prev,
.center-reviews__media-next {
width: 46px;
height: 46px;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
pointer-events: auto;
border-radius: 0 24px 24px 0;
background: #F5F8FB;
transition-duration: 0.15s;
}
.center-reviews__media-prev::after,
.center-reviews__media-next::after {
content: "";
display: block;
width: 24px;
height: 24px;
margin: auto;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.center-reviews__media-prev:hover,
.center-reviews__media-next:hover {
background: #0d1218;
}
.center-reviews__media-prev:hover::after,
.center-reviews__media-next:hover::after {
filter: brightness(0) invert(1);
}
.center-reviews__media-prev::after {
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg);
transform: rotate(180deg);
}
.center-reviews__media-next {
background: #fff;
border-radius: 24px 0 0 24px;
}
.center-reviews__media-next::after {
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg);
}
.center-reviews__content {
flex: 1;
display: flex;
flex-direction: column;
padding: 32px 40px 40px;
min-width: 0;
}
.center-reviews__meta {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
}
.center-reviews__author {
flex: 1;
min-width: 0;
}
.center-reviews__rating {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 12px;
margin-top: 8px;
}
.center-reviews__rating .center-evaluations__stars {
padding-top: 0;
gap: 2px;
}
.center-reviews__rating .center-evaluations__star {
width: 18px;
height: 18px;
}
.center-reviews__source {
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #939DA9;
}
.center-reviews__quote {
flex-shrink: 0;
width: 60px;
height: 50px;
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/quoter.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.center-reviews__name {
font-weight: 600;
font-size: 24px;
line-height: 1.25;
color: #121921;
}
.center-reviews__car {
margin-top: 22px;
font-weight: 700;
font-size: 16px;
opacity: 0.5;
line-height: 110%;
}
.center-reviews__text {
margin-top: 16px;
max-width: 100%;
}
.center-reviews__text p {
margin: 0;
font-weight: 400;
font-size: 20px;
color: #121A24;
}
.center-reviews__more {
display: inline-block;
margin-top: 14px;
padding: 0;
border: none;
background: none;
font: inherit;
font-weight: 600;
font-size: 15px;
line-height: 1.2;
color: #E40825;
text-decoration: none;
cursor: pointer;
transition-duration: 0.15s;
}
.center-reviews__more:hover {
color: #b8061d;
}
.center-reviews__card.is-expanded {
height: auto !important;
}
.center-reviews__text.is-expanded {
flex: 1;
overflow: auto;
}
@media (max-width: 992px) {
.center-reviews__head {
flex-direction: column;
align-items: flex-start;
}
.center-reviews__controls {
width: 100%;
justify-content: space-between;
}
}
@media (max-width: 768px) {
.center-reviews__head {
margin-bottom: 32px;
}
.center-reviews__nav-prev,
.center-reviews__nav-next {
width: 46px;
height: 46px;
}
.center-reviews__nav-prev::after,
.center-reviews__nav-next::after {
width: 20px;
height: 20px;
}
.center-reviews__media img {
min-height: 280px;
}
.center-reviews__content {
padding: 24px 20px 28px;
}
.center-reviews__name {
font-size: 20px;
}
.center-reviews__text p {
font-size: 16px;
}
}
@media (max-width: 640px) {
.center-reviews__head {
margin-bottom: 24px;
}
.center-reviews__card {
border-radius: 16px 2px;
}
.center-reviews__card.is-expanded {
height: auto !important;
}
.center-reviews__media {
border-radius: 2px 16px;
}
.center-reviews__slides,
.center-reviews__slide,
.center-reviews__media img {
min-height: 220px;
}
.center-reviews__content {
padding: 20px 16px 24px;
}
.center-reviews__meta {
gap: 12px;
}
.center-reviews__quote {
width: 40px;
height: 34px;
}
.center-reviews__name {
font-size: 18px;
}
.center-reviews__car {
font-size: 14px;
}
.center-reviews__text {
margin-top: 12px;
}
.center-reviews__text p {
font-size: 15px;
}
}
@media (max-width: 480px) {
.center-reviews__nav-prev,
.center-reviews__nav-next {
width: 46px;
height: 46px;
}
}
.center-reviews--grid .center-reviews__title {
margin: 0 0 30px;
}
.center-reviews--grid .center-reviews__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 51px;
}
.center-reviews--grid .center-reviews__widgets {
display: flex;
min-height: 0;
min-width: 0;
}
.center-reviews--grid .center-reviews__widgets[hidden] {
display: none;
}
.center-reviews--grid .center-reviews__widget {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 24px 2px;
background: #F5F8FB;
}
.center-reviews--grid .center-reviews__widget[hidden] {
display: none;
}
.center-reviews--grid .center-reviews__widget iframe {
display: block;
width: 100%;
height: 100%;
min-height: 100%;
max-width: 100%;
border: 0;
}
.center-reviews--grid .center-reviews__tabs-scroll {
flex: 1 1 auto;
min-width: 0;
}
.center-reviews--grid .center-reviews__tabs {
display: flex;
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
border-radius: 2px 24px;
overflow: hidden;
}
@media (max-width: 768px) {
.center-reviews--grid .center-reviews__tabs {
border-radius: 2px 16px;
}
}
.center-reviews--grid .center-reviews__tabs li {
margin: 0;
}
.center-reviews--grid .center-reviews__tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 24px;
border: none;
font-weight: 600;
line-height: 120%;
color: #121A24;
background: #F5F8FB;
cursor: pointer;
transition-duration: 0.15s;
}
.center-reviews--grid .center-reviews__tab.is-active {
color: #fff;
background: #121A24;
}
.center-reviews--grid .center-reviews__tab:hover:not(.is-active) {
background: #e2e8ee;
}
.center-reviews--grid .center-reviews__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px 20px;
}
.center-reviews--grid .center-reviews__grid.has-widget .center-reviews__widgets {
grid-column: 1;
grid-row: 1/span 2;
align-self: stretch;
}
.center-reviews--grid .center-reviews__grid.is-loading .center-reviews__card {
opacity: 0.55;
pointer-events: none;
}
.center-reviews--grid .center-reviews__card {
height: auto !important;
}
.center-reviews--grid .center-reviews__empty {
grid-column: 1/-1;
margin: 0;
padding: 32px 0;
text-align: center;
color: #6A7582;
}
.center-reviews--grid .center-reviews__loadmore {
margin-top: 40px;
}
@media (max-width: 1100px) {
.center-reviews--grid .center-reviews__toolbar {
flex-wrap: wrap;
margin-bottom: 36px;
}
.center-reviews--grid .center-reviews__tabs {
flex-wrap: wrap;
}
}
@media (max-width: 640px) {
.center-reviews--grid .center-reviews__toolbar {
flex-direction: column;
align-items: stretch;
margin-bottom: 28px;
}
.center-reviews--grid .center-reviews__grid {
grid-template-columns: 1fr;
gap: 24px;
}
.center-reviews--grid .center-reviews__grid.has-widget .center-reviews__widgets {
grid-column: 1;
grid-row: auto;
}
}
@media (max-width: 599px) {
.center-reviews__text:not(.is-expanded) p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
.center-evaluations__title {
margin: 0 0 57px;
font-weight: 300;
font-size: 62px;
line-height: 1.12;
letter-spacing: -0.02em;
color: #121921;
}
.center-evaluations__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 16px;
}
.center-evaluations__card {
display: flex;
flex-direction: column;
min-height: 220px;
padding: 30px 30px 26px;
box-sizing: border-box;
border-radius: 14px 34px 34px 34px;
background: linear-gradient(167deg, rgba(228, 8, 37, 0) 55.55%, rgba(228, 8, 37, 0.2) 99%), rgba(255, 255, 255, 0.08);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
overflow: visible;
}
.center-evaluations__logo {
display: block;
width: auto;
max-width: 100%;
height: 34px;
margin-bottom: 44px;
object-fit: contain;
object-position: left center;
}
.center-evaluations__rating {
display: flex;
align-items: center;
gap: 17px;
margin-bottom: 10px;
}
.center-evaluations__score {
font-weight: 600;
font-size: 34px;
line-height: 1;
letter-spacing: -0.02em;
color: #fff;
}
.center-evaluations__stars {
display: flex;
align-items: center;
gap: 4px;
padding-top: 6px;
}
.center-evaluations__star {
display: block;
width: 32px;
height: 32px;
flex-shrink: 0;
}
.center-evaluations__caption {
margin-bottom: auto;
padding-bottom: 40px;
font-size: 14px;
line-height: 1.4;
color: #fff;
font-weight: 500;
}
.center-evaluations__link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: auto;
font-weight: 600;
font-size: 15px;
line-height: 1.2;
color: #fff;
text-decoration: none;
transition-duration: 0.15s;
}
.center-evaluations__link::after {
content: "";
display: block;
width: 9px;
height: 9px;
flex-shrink: 0;
margin-top: 2px;
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
transition-duration: 0.15s;
}
.center-evaluations__link:hover {
color: #E40825;
}
.center-evaluations__link:hover::after {
background-color: #E40825;
}
@media (max-width: 1100px) {
.center-evaluations__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.center-evaluations__title {
font-size: 42px;
margin-bottom: 36px;
}
}
@media (max-width: 640px) {
.center-evaluations__title {
margin-bottom: 20px;
font-size: 32px;
line-height: 1.08;
}
.center-evaluations__grid {
grid-template-columns: 1fr;
gap: 12px;
}
.center-evaluations__card {
min-height: 0;
padding: 20px;
}
.center-evaluations__logo {
margin-bottom: 20px;
max-width: 100px;
height: 28px;
}
.center-evaluations__score {
font-size: 28px;
}
.center-evaluations__star {
width: 26px;
height: 26px;
}
.center-evaluations__caption {
padding-bottom: 24px;
font-size: 13px;
}
}
.center-complex__inner {
display: grid;
grid-template-columns: minmax(289px, 574px) minmax(0, 1fr);
gap: 48px 80px;
align-items: start;
}
.center-complex__title {
margin: 0;
font-weight: 400;
font-size: 62px;
line-height: 0.95;
letter-spacing: -0.02em;
color: #121921;
}
.center-complex__btn {
margin-top: 62px;
padding: 14px 38px;
gap: 37px;
}
.center-complex__btn-icon {
display: block;
width: 12px;
height: 12px;
flex-shrink: 0;
background-color: #121A24;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
}
.center-complex__list {
border-top: 1px solid rgba(18, 26, 36, 0.1);
margin-top: 14px;
}
.center-complex__item {
display: grid;
grid-template-columns: 88px minmax(0, 1fr);
gap: 20px 40px;
align-items: start;
padding: 33px 0;
border-bottom: 1px solid rgba(18, 26, 36, 0.1);
}
.center-complex__aside {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 35px;
padding: 11px 0;
}
.center-complex__index {
font-weight: 600;
font-size: 24px;
line-height: 1;
color: #121A24;
}
.center-complex__icon {
display: block;
width: 80px;
height: 80px;
object-fit: contain;
object-position: left center;
margin-left: 8px;
}
.center-complex__content {
display: grid;
grid-template-columns: minmax(180px, 1fr) minmax(0, 1.15fr);
gap: 24px 170px;
align-items: start;
}
.center-complex__name {
margin: 0;
font-weight: 500;
font-size: 32px;
line-height: 1.2;
color: #121921;
}
.center-complex__desc {
font-weight: 400;
font-size: 22px;
line-height: 1.2;
color: #939DA9;
}
.center-complex__desc p {
margin: 0 0 10px;
}
.center-complex__desc p:last-child {
margin-bottom: 0;
}
@media (max-width: 1100px) {
.center-complex__inner {
grid-template-columns: 1fr;
gap: 36px;
}
.center-complex__content {
grid-template-columns: 1fr;
gap: 10px;
}
.center-complex__title {
font-size: 42px;
}
.center-complex__btn {
margin-top: 32px;
}
}
@media (max-width: 640px) {
.center-complex__inner {
gap: 24px;
}
.center-complex__title {
font-size: 32px;
line-height: 1.08;
}
.center-complex__item {
grid-template-columns: 56px minmax(0, 1fr);
gap: 14px 16px;
padding: 22px 0;
}
.center-complex__aside {
gap: 20px;
padding: 4px 0;
}
.center-complex__index {
font-size: 18px;
}
.center-complex__icon {
width: 56px;
height: 56px;
margin-left: 0;
}
.center-complex__btn {
margin-top: 24px;
padding: 12px 24px;
gap: 20px;
}
.center-complex__name {
font-size: 18px;
}
.center-complex__desc {
font-size: 16px;
line-height: 1.35;
}
}
.why-choose.section-block--has-bg {
padding: 110px 30px 110px;
border-radius: 2px 60px;
position: relative;
}
.why-choose.section-block--has-bg::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(18, 26, 36, 0.7) 0%, rgba(18, 26, 36, 0.4) 100%);
border-radius: 2px 60px;
z-index: 1;
}
.why-choose.section-block--has-bg .container {
z-index: 2;
position: relative;
}
.why-choose.section-block--has-bg .why-choose__title {
color: #fff;
}
.why-choose.section-block--has-bg .why-choose__card {
background: linear-gradient(115deg, rgba(228, 8, 37, 0) 45.55%, rgba(228, 8, 37, 0.2) 99%), rgba(255, 255, 255, 0.07);
backdrop-filter: blur(20px);
}
.why-choose.section-block--has-bg .why-choose__card .why-choose__index,
.why-choose.section-block--has-bg .why-choose__card .why-choose__name,
.why-choose.section-block--has-bg .why-choose__card .why-choose__text {
color: #fff;
}
.why-choose.section-block--has-bg .why-choose__card .why-choose__index {
font-weight: 300;
}
.why-choose__grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 20px;
align-items: stretch;
}
.why-choose__title {
grid-column: 6 span;
grid-row: 1;
align-self: start;
height: 100%;
display: flex;
margin: 0;
align-items: center;
}
.why-choose__card {
position: relative;
display: flex;
flex-direction: column;
min-height: 240px;
padding: 32px 32px 30px;
box-sizing: border-box;
background: #F5F8FB;
border-radius: 34px 2px;
grid-column: span 4;
}
.why-choose__card--wide {
grid-column: 6 span;
grid-row: 1;
}
.why-choose__index {
display: block;
margin-bottom: 22px;
font-size: 54px;
font-weight: 600;
line-height: 120%;
color: #C2CDDA;
}
.why-choose__icon {
position: absolute;
top: 20px;
right: 20px;
width: 94px;
height: 94px;
object-fit: contain;
object-position: center;
pointer-events: none;
}
.why-choose__name {
margin: 0 0 15px;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.why-choose__text {
font-size: 20px;
font-weight: 400;
line-height: 120%;
}
.why-choose__list-layout {
display: grid;
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
gap: 40px 80px;
align-items: start;
}
.why-choose__aside {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.why-choose--list .why-choose__title {
grid-column: auto;
grid-row: auto;
display: block;
height: auto;
margin: 0;
font-size: 48px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.why-choose__btn {
display: inline-flex;
align-items: center;
gap: 14px;
}
.why-choose__btn-icon {
display: block;
width: 14px;
height: 14px;
flex-shrink: 0;
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
}
.why-choose__rows {
display: flex;
flex-direction: column;
}
.why-choose__row {
display: grid;
grid-template-columns: auto 56px minmax(0, 1fr);
align-items: center;
gap: 28px;
padding: 30px 0;
border-bottom: 1px solid #E3E9F0;
}
.why-choose__row:first-child {
padding-top: 0;
}
.why-choose__row:last-child {
padding-bottom: 0;
border-bottom: none;
}
.why-choose__row-index {
font-size: 20px;
font-weight: 500;
line-height: 120%;
color: #C2CDDA;
}
.why-choose__row-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
}
.why-choose__row-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.why-choose__row-name {
margin: 0 0 6px;
font-size: 24px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.why-choose__row-text {
font-size: 17px;
font-weight: 400;
line-height: 130%;
color: #5A6572;
}
.why-choose--list.section-block--has-bg .why-choose__title,
.why-choose--list.section-block--has-bg .why-choose__row-name {
color: #fff;
}
.why-choose--list.section-block--has-bg .why-choose__row-text {
color: rgba(255, 255, 255, 0.75);
}
.why-choose--list.section-block--has-bg .why-choose__row {
border-bottom-color: rgba(255, 255, 255, 0.15);
}
@media (max-width: 1100px) {
.why-choose__list-layout {
gap: 32px 48px;
}
.why-choose--list .why-choose__title {
font-size: 40px;
}
.why-choose__row {
grid-template-columns: auto 48px minmax(0, 1fr);
gap: 20px;
padding: 24px 0;
}
.why-choose__row-icon {
width: 48px;
height: 48px;
}
.why-choose__row-name {
font-size: 20px;
}
.why-choose.section-block--has-bg {
padding: 72px 24px;
border-radius: 2px 40px;
}
.why-choose.section-block--has-bg::after {
border-radius: 2px 40px;
}
.why-choose__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.why-choose__title {
grid-column: 1/-1;
grid-row: auto;
padding-top: 0;
margin-bottom: 8px;
}
.why-choose__card,
.why-choose__card--wide,
.why-choose__card:not(.why-choose__card--wide):nth-of-type(2),
.why-choose__card:not(.why-choose__card--wide):nth-of-type(3),
.why-choose__card:not(.why-choose__card--wide):nth-of-type(4) {
grid-column: auto;
grid-row: auto;
}
.why-choose__card--wide {
grid-column: 1/-1;
}
.why-choose__card {
min-height: 200px;
padding: 28px 26px 24px;
}
.why-choose__index {
margin-bottom: 18px;
font-size: 40px;
}
.why-choose__icon {
width: 72px;
height: 72px;
}
.why-choose__name {
font-size: 26px;
margin-bottom: 12px;
}
.why-choose__text {
font-size: 18px;
}
}
@media (max-width: 768px) {
.why-choose__list-layout {
grid-template-columns: 1fr;
gap: 28px;
}
.why-choose__aside {
gap: 24px;
}
.why-choose--list .why-choose__title {
font-size: 30px;
}
.why-choose.section-block--has-bg {
padding: 48px 20px;
border-radius: 2px 28px;
}
.why-choose.section-block--has-bg::after {
border-radius: 2px 28px;
}
.why-choose__grid {
gap: 14px;
}
.why-choose__card {
min-height: 0;
padding: 24px 22px 20px;
border-radius: 24px 2px;
}
.why-choose__index {
margin-bottom: 14px;
font-size: 32px;
}
.why-choose__icon {
top: 18px;
right: 18px;
width: 60px;
height: 60px;
}
.why-choose__name {
font-size: 22px;
margin-bottom: 10px;
}
.why-choose__text {
font-size: 16px;
line-height: 1.35;
}
}
@media (max-width: 640px) {
.why-choose.section-block--has-bg {
padding: 36px 16px;
border-radius: 2px 24px;
}
.why-choose.section-block--has-bg::after {
border-radius: 2px 24px;
}
.why-choose__grid {
grid-template-columns: 1fr;
gap: 12px;
}
.why-choose__title {
margin-bottom: 4px;
}
.why-choose__card {
padding: 20px 18px 18px;
border-radius: 20px 2px;
}
.why-choose__index {
margin-bottom: 12px;
font-size: 28px;
}
.why-choose__icon {
top: 16px;
right: 16px;
width: 48px;
height: 48px;
}
.why-choose__name {
font-size: 18px;
padding-right: 52px;
}
.why-choose__text {
font-size: 15px;
}
}
.work-process__head {
margin: 0 0 40px;
}
.work-process__title {
margin: 0 0 20px;
}
.work-process__lead {
font-size: 28px;
font-weight: 400;
line-height: 120%;
color: #121A24;
}
.work-process__list {
display: flex;
flex-direction: column;
}
.work-process__step {
display: grid;
grid-template-columns: minmax(0, 49%) minmax(0, 1fr);
gap: 40px 30px;
align-items: center;
padding: 30px 0;
border-top: 1px solid rgba(18, 26, 36, 0.12);
transition: padding 0.45s ease;
}
.work-process__step:last-child {
border-bottom: 1px solid rgba(18, 26, 36, 0.12);
}
.work-process__media-wrap {
width: 100%;
max-width: 280px;
height: 200px;
overflow: hidden;
transition: max-width 0.55s cubic-bezier(0.4, 0, 0.2, 1), height 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}
.work-process__step.is-active .work-process__media-wrap {
max-width: 100%;
height: 420px;
}
.work-process__media {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
border-radius: 34px 2px;
}
.work-process__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
border-radius: inherit;
}
.work-process__media--video {
text-decoration: none;
color: inherit;
cursor: pointer;
}
.work-process__media--video::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: rgba(18, 26, 36, 0.18);
}
.work-process__play {
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
width: 88px;
height: 88px;
background: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/play_2.png) no-repeat center/contain;
transform: translate(-50%, -50%) scale(0.85);
pointer-events: none;
opacity: 0;
transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.work-process__step.is-active .work-process__play {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.work-process__content {
min-width: 0;
padding-top: 8px;
}
.work-process__index {
display: block;
margin-bottom: 18px;
font-size: 60px;
font-weight: 300;
line-height: 80%;
color: #C2CDDA;
transition: color 0.35s ease;
}
.work-process__step.is-active .work-process__index {
color: #E40825;
}
.work-process__name {
margin: 0 0 24px;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
color: #121A24;
}
.work-process__text {
font-size: 20px;
font-weight: 400;
line-height: 140%;
color: #121A24;
}
.work-process__nav {
display: flex;
align-items: stretch;
overflow: hidden;
width: fit-content;
max-height: 0;
margin-top: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
border-radius: 2px 24px;
transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, margin-top 0.45s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.45s;
}
.work-process__step.is-active .work-process__nav {
max-height: 56px;
margin-top: 28px;
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease 0.08s, margin-top 0.45s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s;
}
.work-process__nav-prev,
.work-process__nav-next {
width: 80px;
height: 56px;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
background-color: #EFF4FA;
transition-duration: 0.15s;
}
.work-process__nav-prev::after,
.work-process__nav-next::after {
content: "";
display: block;
width: 24px;
height: 24px;
margin: auto;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.work-process__nav-prev::after {
background-color: #121A24;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg) no-repeat center/contain;
}
.work-process__nav-next {
background-color: #121921;
}
.work-process__nav-next::after {
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg) no-repeat center/contain;
}
.work-process__nav-prev:hover:not(:disabled) {
background-color: #e2e8ee;
}
.work-process__nav-next:hover:not(:disabled) {
background-color: #0d1218;
}
.work-process__nav-prev:disabled,
.work-process__nav-next:disabled {
opacity: 0.35;
cursor: default;
}
.work-process__more {
margin-top: 40px;
}
@media (max-width: 1100px) {
.work-process__head {
margin-bottom: 32px;
}
.work-process__title {
font-size: 40px;
margin-bottom: 16px;
}
.work-process__lead {
font-size: 22px;
}
.work-process__step {
grid-template-columns: minmax(0, 38%) minmax(0, 1fr);
gap: 24px 32px;
padding: 28px 0;
}
.work-process__media-wrap {
max-width: 220px;
height: 180px;
}
.work-process__step.is-active .work-process__media-wrap {
max-width: 100%;
height: 320px;
}
.work-process__index {
margin-bottom: 14px;
font-size: 48px;
}
.work-process__name {
font-size: 26px;
margin-bottom: 16px;
}
.work-process__text {
font-size: 18px;
}
.work-process__play {
width: 72px;
height: 72px;
}
.work-process__more {
margin-top: 32px;
}
}
@media (max-width: 768px) {
.work-process__head {
margin-bottom: 24px;
}
.work-process__title {
font-size: 32px;
margin-bottom: 12px;
}
.work-process__lead {
font-size: 18px;
line-height: 1.35;
}
.work-process__step {
grid-template-columns: 1fr;
gap: 16px;
padding: 22px 0;
}
.work-process__media-wrap,
.work-process__step.is-active .work-process__media-wrap {
max-width: 100%;
}
.work-process__media-wrap {
height: 200px;
}
.work-process__step.is-active .work-process__media-wrap {
height: 260px;
}
.work-process__media {
border-radius: 24px 2px;
}
.work-process__index {
margin-bottom: 10px;
font-size: 36px;
}
.work-process__content {
padding-top: 0;
}
.work-process__name {
font-size: 22px;
margin-bottom: 10px;
}
.work-process__text {
font-size: 16px;
}
.work-process__step.is-active .work-process__nav {
margin-top: 16px;
}
.work-process__nav-prev,
.work-process__nav-next {
width: 64px;
height: 48px;
}
.work-process__nav-prev::after,
.work-process__nav-next::after {
width: 20px;
height: 20px;
}
.work-process__play {
width: 64px;
height: 64px;
}
.work-process__more {
margin-top: 24px;
}
}
@media (max-width: 640px) {
.work-process__head {
margin-bottom: 20px;
}
.work-process__title {
font-size: 28px;
}
.work-process__lead {
font-size: 16px;
}
.work-process__step {
gap: 14px;
padding: 18px 0;
}
.work-process__media-wrap {
height: 180px;
}
.work-process__step.is-active .work-process__media-wrap {
height: 220px;
}
.work-process__index {
font-size: 32px;
margin-bottom: 8px;
}
.work-process__name {
font-size: 18px;
margin-bottom: 8px;
}
.work-process__text {
font-size: 15px;
}
.work-process__nav-prev,
.work-process__nav-next {
width: 52px;
height: 44px;
}
.work-process__step.is-active .work-process__nav {
max-height: 44px;
}
.work-process__play {
width: 56px;
height: 56px;
}
.work-process__more {
margin-top: 20px;
}
}
@media (prefers-reduced-motion: reduce) {
.work-process__media-wrap,
.work-process__play,
.work-process__nav,
.work-process__index,
.work-process__step {
transition: none;
}
}
.info-grid__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.info-grid__text {
display: flex;
flex-direction: column;
justify-content: center;
min-height: 280px;
padding: 12px 0;
}
.info-grid__title {
margin: 0 0 60px;
}
.info-grid__desc {
max-width: 560px;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 120%;
color: #121921;
}
.info-grid__media {
position: relative;
overflow: hidden;
margin: 0;
border-radius: 34px 2px;
}
.info-grid__media::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(180deg, rgba(18, 26, 36, 0) 35%, rgba(18, 26, 36, 0.62) 100%);
pointer-events: none;
}
.info-grid__image {
display: block;
width: 100%;
height: 466px;
object-fit: cover;
object-position: center;
}
.info-grid__caption {
position: absolute;
left: 24px;
right: 24px;
bottom: 24px;
z-index: 2;
margin: 0;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
max-width: 440px;
color: #fff;
}
.info-grid--text-left .info-grid__cell--text {
grid-column: 1;
grid-row: 1;
}
.info-grid--text-left .info-grid__cell--media-1 {
grid-column: 2;
grid-row: 1;
}
.info-grid--text-left .info-grid__cell--media-2 {
grid-column: 1;
grid-row: 2;
}
.info-grid--text-left .info-grid__cell--media-3 {
grid-column: 2;
grid-row: 2;
}
.info-grid--text-right .info-grid__cell--media-1 {
grid-column: 1;
grid-row: 1;
}
.info-grid--text-right .info-grid__cell--text {
grid-column: 2;
grid-row: 1;
}
.info-grid--text-right .info-grid__cell--media-2 {
grid-column: 1;
grid-row: 2;
}
.info-grid--text-right .info-grid__cell--media-3 {
grid-column: 2;
grid-row: 2;
}
@media (max-width: 1100px) {
.info-grid__grid {
gap: 16px;
}
.info-grid__text {
min-height: 0;
padding: 0;
}
.info-grid__title {
margin-bottom: 24px;
}
.info-grid__desc {
font-size: 22px;
max-width: none;
}
.info-grid__image {
height: 340px;
}
.info-grid__media {
border-radius: 28px 2px;
}
.info-grid__caption {
left: 20px;
right: 20px;
bottom: 20px;
font-size: 24px;
max-width: none;
}
}
@media (max-width: 768px) {
.info-grid__grid {
grid-template-columns: 1fr;
gap: 14px;
}
.info-grid--text-left .info-grid__cell--text,
.info-grid--text-left .info-grid__cell--media-1,
.info-grid--text-left .info-grid__cell--media-2,
.info-grid--text-left .info-grid__cell--media-3,
.info-grid--text-right .info-grid__cell--text,
.info-grid--text-right .info-grid__cell--media-1,
.info-grid--text-right .info-grid__cell--media-2,
.info-grid--text-right .info-grid__cell--media-3 {
grid-column: 1;
grid-row: auto;
}
.info-grid__title {
margin-bottom: 16px;
}
.info-grid__desc {
font-size: 18px;
}
.info-grid__image {
height: 260px;
}
.info-grid__media {
border-radius: 24px 2px;
}
.info-grid__caption {
left: 16px;
right: 16px;
bottom: 16px;
font-size: 18px;
}
}
@media (max-width: 640px) {
.info-grid__grid {
gap: 12px;
}
.info-grid__title {
margin-bottom: 12px;
}
.info-grid__desc {
font-size: 16px;
line-height: 1.35;
}
.info-grid__image {
height: 220px;
}
.info-grid__media {
border-radius: 20px 2px;
}
.info-grid__caption {
left: 14px;
right: 14px;
bottom: 14px;
font-size: 16px;
font-weight: 500;
}
}
.team__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
margin-bottom: 40px;
}
.team__head-text {
min-width: 0;
}
.team__title {
margin: 0 0 16px;
font-size: 48px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.team__lead {
max-width: 960px;
font-size: 24px;
font-weight: 400;
line-height: 120%;
color: #121921;
}
.team__nav {
display: flex;
align-items: stretch;
overflow: hidden;
flex-shrink: 0;
border-radius: 2px 24px;
}
.team__nav-prev,
.team__nav-next {
width: 80px;
height: 56px;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
background-color: #EFF4FA;
transition-duration: 0.15s;
}
.team__nav-prev::after,
.team__nav-next::after {
content: "";
display: block;
width: 24px;
height: 24px;
margin: auto;
}
.team__nav-prev::after {
background-color: #121A24;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-left.svg) no-repeat center/contain;
}
.team__nav-next {
background-color: #121921;
}
.team__nav-next::after {
background-color: #fff;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/arrow-right.svg) no-repeat center/contain;
}
.team__nav-prev:hover:not(.swiper-button-disabled) {
background-color: #e2e8ee;
}
.team__nav-next:hover:not(.swiper-button-disabled) {
background-color: #0d1218;
}
.team__nav-prev.swiper-button-disabled,
.team__nav-next.swiper-button-disabled {
opacity: 0.35;
cursor: default;
}
.team__wrapper {
position: relative;
}
.team__slider {
overflow: hidden;
}
.team__slider .swiper-slide {
width: 320px;
height: auto;
}
.team__card {
display: flex;
flex-direction: column;
height: 100%;
min-height: 100%;
}
.team__photo {
overflow: hidden;
border-radius: 34px 2px;
background: #F5F8FB;
}
.team__photo img {
display: block;
width: 100%;
height: 360px;
object-fit: cover;
object-position: center top;
}
.team__body {
display: flex;
flex-direction: column;
flex: 1;
padding-top: 24px;
}
.team__name {
margin: 0 0 2px;
font-size: 24px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.team__role {
margin-bottom: 18px;
font-size: 18px;
font-weight: 500;
line-height: 120%;
color: #E40825;
}
.team__desc {
font-size: 16px;
font-weight: 400;
line-height: 130%;
color: #121921;
}
@media (max-width: 1100px) {
.team__head {
margin-bottom: 32px;
gap: 20px;
}
.team__title {
font-size: 40px;
margin-bottom: 14px;
}
.team__lead {
font-size: 20px;
}
.team__photo img {
height: 320px;
}
.team__body {
padding-top: 20px;
}
}
@media (max-width: 768px) {
.team__head {
flex-direction: column;
align-items: stretch;
margin-bottom: 24px;
gap: 16px;
}
.team__title {
font-size: 32px;
margin-bottom: 10px;
}
.team__lead {
font-size: 18px;
line-height: 1.35;
}
.team__nav {
align-self: flex-start;
}
.team__nav-prev,
.team__nav-next {
width: 64px;
height: 48px;
}
.team__nav-prev::after,
.team__nav-next::after {
width: 20px;
height: 20px;
}
.team__slider .swiper-slide {
width: 280px;
}
.team__photo {
border-radius: 24px 2px;
}
.team__photo img {
height: 280px;
}
.team__body {
padding-top: 16px;
}
.team__name {
font-size: 20px;
}
.team__role {
margin-bottom: 12px;
font-size: 16px;
}
.team__desc {
font-size: 15px;
}
}
@media (max-width: 640px) {
.team__head {
margin-bottom: 20px;
}
.team__title {
font-size: 28px;
}
.team__lead {
font-size: 16px;
}
.team__nav-prev,
.team__nav-next {
width: 52px;
height: 44px;
}
.team__slider .swiper-slide {
width: 100%;
max-width: 300px;
}
.team__photo img {
height: 240px;
}
.team__name {
font-size: 18px;
}
.team__role {
font-size: 15px;
margin-bottom: 10px;
}
.team__desc {
font-size: 14px;
}
}
.values-cards__box {
padding: 60px 30px 30px;
background: #F5F8FB;
border-radius: 60px 2px;
}
.values-cards__title {
margin: 0 0 60px;
font-size: 40px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.values-cards__grid {
display: grid;
gap: 16px;
}
.values-cards__grid--count-1 {
grid-template-columns: minmax(0, 1fr);
max-width: 640px;
}
.values-cards__grid--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.values-cards__grid--count-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.values-cards__card {
display: flex;
flex-direction: column;
min-height: 100%;
padding: 55px 30px 30px 40px;
box-sizing: border-box;
background: #fff;
border-radius: 2px 34px;
}
.values-cards__card-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 45px;
}
.values-cards__name {
margin: 0;
flex: 1;
min-width: 0;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.values-cards__icon {
display: block;
width: 124px;
height: 124px;
flex-shrink: 0;
object-fit: contain;
object-position: center;
}
.values-cards__text {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 120%;
color: #121921;
}
@media (max-width: 1100px) {
.values-cards__box {
padding: 40px 24px 24px;
border-radius: 40px 2px;
}
.values-cards__title {
font-size: 32px;
margin-bottom: 36px;
}
.values-cards__grid--count-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.values-cards__card {
padding: 36px 24px 24px 28px;
}
.values-cards__card-head {
margin-bottom: 28px;
gap: 16px;
}
.values-cards__name {
font-size: 26px;
}
.values-cards__icon {
width: 88px;
height: 88px;
}
.values-cards__text {
font-size: 18px;
}
}
@media (max-width: 768px) {
.values-cards__box {
padding: 28px 20px 20px;
border-radius: 28px 2px;
}
.values-cards__title {
font-size: 28px;
margin-bottom: 20px;
}
.values-cards__grid--count-2,
.values-cards__grid--count-3 {
grid-template-columns: 1fr;
}
.values-cards__card {
padding: 24px 20px 20px;
border-radius: 24px 2px;
}
.values-cards__card-head {
margin-bottom: 20px;
align-items: flex-start;
}
.values-cards__name {
font-size: 22px;
}
.values-cards__icon {
width: 64px;
height: 64px;
}
.values-cards__text {
font-size: 16px;
line-height: 1.35;
}
}
@media (max-width: 640px) {
.values-cards__box {
padding: 24px 16px 16px;
border-radius: 24px 2px;
}
.values-cards__title {
font-size: 24px;
margin-bottom: 16px;
}
.values-cards__grid {
gap: 12px;
}
.values-cards__card {
padding: 20px 16px 16px;
border-radius: 20px 2px;
}
.values-cards__card-head {
margin-bottom: 16px;
gap: 12px;
}
.values-cards__name {
font-size: 18px;
}
.values-cards__icon {
width: 52px;
height: 52px;
}
.values-cards__text {
font-size: 15px;
}
}
.center-form {
background: #fff;
margin-bottom: 30px;
}
.center-form + .text-block {
margin-top: 140px;
}
@media (max-width: 1100px) {
.center-form + .text-block {
margin-top: 60px;
}
}
@media (max-width: 599px) {
.center-form + .text-block {
margin-top: 50px;
}
}
.center-form__card {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
padding: 113px 30px 109px;
gap: 30px 60px;
align-items: center;
border-radius: 60px 2px;
background: #F5F8FB;
}
.center-form__intro {
min-width: 0;
}
.center-form__panel {
min-width: 0;
}
.center-form__form {
width: 100%;
}
.center-form__title {
margin: 0 0 60px;
}
.center-form__desc {
margin: 0;
font-size: 28px;
font-weight: 500;
line-height: 120%;
}
.center-form__form-label {
margin: 0 0 23px;
font-size: 20px;
font-weight: 600;
line-height: 140%;
}
.center-form__fields {
display: flex;
gap: 20px;
margin-bottom: 30px;
}
.center-form__field {
display: block;
position: relative;
flex: 1;
min-width: 0;
}
.center-form__label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.center-form__bottom {
display: flex;
align-items: center;
gap: 20px 30px;
}
.center-form__consent input.checkbox {
width: 15px;
height: 18px;
margin: 2px 0 0;
flex-shrink: 0;
accent-color: #E31E24;
border-color: #939DA9;
}
.center-form__consent-text {
font-size: 12px;
font-weight: 500;
line-height: 120%;
color: #939DA9;
margin-left: 10px;
}
.center-form__consent-text a {
color: inherit;
text-decoration: underline;
}
.center-form__field.is-invalid input {
border-color: #E31E24;
}
@media (max-width: 1100px) {
.center-form__card {
grid-template-columns: 1fr;
gap: 28px;
padding: 36px 32px;
border-radius: 28px;
}
.center-form__title {
margin-bottom: 24px;
}
.center-form__desc {
font-size: 16px;
max-width: none;
}
}
@media (max-width: 640px) {
.center-form__card {
padding: 24px 20px;
border-radius: 24px;
gap: 24px;
}
.center-form__title {
margin-bottom: 12px;
}
.center-form__desc {
font-size: 14px;
line-height: 1.4;
}
.center-form__form-label {
margin-bottom: 12px;
font-size: 13px;
}
.center-form__fields {
flex-direction: column;
gap: 12px;
margin-bottom: 16px;
}
.center-form__field input {
height: 52px;
padding: 0 48px 0 20px;
font-size: 15px;
}
.center-form__field-icon {
right: 18px;
width: 18px;
height: 18px;
}
.center-form__bottom {
flex-direction: column;
align-items: stretch;
}
.center-form__submit {
width: 100%;
min-height: 46px;
padding: 12px 24px;
gap: 20px;
}
}
.center-faq__inner {
display: grid;
grid-template-columns: minmax(280px, 46%) minmax(0, 60%);
gap: 48px 72px;
align-items: start;
}
.center-faq__btn {
margin-top: 40px;
}
.center-faq__btn-icon {
display: block;
width: 12px;
height: 12px;
flex-shrink: 0;
background-color: #121921;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/Group%2043.svg) no-repeat center/contain;
filter: brightness(0) invert(1);
}
.center-faq__subtitle {
margin: 0 0 36px;
font-weight: 400;
font-size: 34px;
line-height: 1.4;
color: #939DA9;
letter-spacing: 0;
}
.center-faq__list {
display: flex;
flex-direction: column;
gap: 20px;
}
.center-faq__item {
border-radius: 2px 34px 2px 34px;
background: #EFF4FA;
transition: background-color 0.15s, box-shadow 0.15s;
}
.center-faq__item.is-open {
background: #fff;
box-shadow: inset 0 0 0 1px rgba(178, 187, 198, 0.55);
}
.center-faq__question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
margin: 0;
padding: 16px 34px;
border: none;
background: none;
font: inherit;
text-align: left;
cursor: pointer;
color: #121921;
}
.center-faq__question-text {
flex: 1;
min-width: 0;
font-weight: 600;
font-size: clamp(16px, 1.4vw, 20px);
line-height: 1.35;
}
.center-faq__item.is-open .center-faq__question {
color: #E40825;
}
.center-faq__toggle {
position: relative;
width: 14px;
height: 14px;
flex-shrink: 0;
}
.center-faq__toggle::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 9px;
border-right: 1px solid #E40825;
border-bottom: 1px solid #E40825;
transform: translate(-50%, -65%) rotate(45deg);
transition: transform 0.15s;
}
.center-faq__item.is-open .center-faq__toggle::before {
transform: translate(-50%, -35%) rotate(-135deg);
}
.center-faq__answer {
padding: 13px 35px 30px;
}
.center-faq__answer-inner {
font-weight: 400;
font-size: 16px;
line-height: 1.4;
color: #121A24;
}
.center-faq__answer-inner p {
margin: 0 0 10px;
}
.center-faq__answer-inner p:last-child {
margin-bottom: 0;
}
@media (max-width: 1100px) {
.center-faq__inner {
grid-template-columns: 1fr;
gap: 36px;
}
.center-faq__subtitle {
font-size: 26px;
margin-bottom: 28px;
}
.center-faq__btn {
margin-top: 32px;
}
}
@media (max-width: 640px) {
.center-faq__inner {
gap: 24px;
}
.center-faq__subtitle {
margin-bottom: 20px;
font-size: 16px;
line-height: 1.35;
}
.center-faq__btn {
margin-top: 24px;
padding: 12px 24px;
gap: 20px;
}
.center-faq__list {
gap: 16px;
}
.center-faq__item {
border-radius: 2px 24px 2px 24px;
}
.center-faq__question {
padding: 18px 18px;
gap: 14px;
}
.center-faq__question-text {
font-size: 16px;
}
.center-faq__answer {
padding: 0 18px 18px;
}
.center-faq__answer-inner {
font-size: 14px;
}
}
.center-map {
background: #fff;
}
.center-map__card {
display: grid;
grid-template-columns: minmax(280px, 48%) minmax(0, 52%);
align-items: stretch;
border-radius: 2px 60px;
background: #F5F8FB;
overflow: hidden;
}
.center-map__content {
display: flex;
flex-direction: column;
justify-content: center;
padding: 113px 30px 30px 30px;
min-width: 0;
align-items: flex-start;
}
.center-map__title {
margin-bottom: 50px;
}
.center-map__schedule {
margin-bottom: 11px;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%;
color: #939DA9;
}
.center-map__address {
margin: 0;
font-size: 42px;
font-style: normal;
font-weight: 400;
line-height: 100%;
color: #121A24;
}
@media (max-width: 1530px) {
.center-map__address {
font-size: 36px;
}
}
.center-map__btn-icon {
display: block;
flex-shrink: 0;
width: 18px;
height: 16px;
background-color: #121A24;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/map.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/map.svg) no-repeat center/contain;
}
.center-map__btn {
margin-top: 60px;
}
.center-map__map {
position: relative;
min-height: 420px;
}
.center-map__map-inner {
position: absolute;
inset: 0;
}
.center-map__map-inner iframe {
display: block;
width: 100%;
height: 100%;
min-height: 420px;
border: 0;
}
.center-map__map-fade {
position: absolute;
left: 0;
top: 0;
bottom: 0;
z-index: 1;
width: 120px;
pointer-events: none;
background: linear-gradient(90deg, #EFF4FA 0%, rgba(239, 244, 250, 0) 100%);
}
@media (max-width: 1100px) {
.center-map__card {
grid-template-columns: 1fr;
}
.center-map__content {
padding: 36px 32px 28px;
}
.center-map__title {
margin-bottom: 24px;
}
.center-map__btn {
margin-top: 32px;
}
.center-map__address {
font-size: 20px;
}
.center-map__map {
min-height: 360px;
}
.center-map__map-inner iframe {
min-height: 360px;
}
.center-map__map-fade {
display: none;
}
}
@media (max-width: 640px) {
.center-map__content {
padding: 24px 20px 20px;
gap: 12px;
}
.center-map__title {
margin-bottom: 16px;
}
.center-map__schedule {
font-size: 14px;
}
.center-map__address {
font-size: 18px;
}
.center-map__btn {
width: 100%;
justify-content: center;
min-height: 56px;
margin-top: 4px;
}
.center-map__map {
min-height: 280px;
}
.center-map__map-inner iframe {
min-height: 280px;
}
}
.contacts-map.section-block {
background: transparent;
}
.contacts-page .contacts-map.section-block {
margin-bottom: 80px;
}
.contacts-map__grid {
display: grid;
grid-template-columns: minmax(280px, 43%) minmax(0, 57%);
gap: 20px;
align-items: stretch;
}
.contacts-map__info {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.contacts-map__items {
display: flex;
flex-direction: column;
gap: 68px;
width: 100%;
}
.contacts-map__item {
display: flex;
align-items: center;
gap: 20px;
}
.contacts-map__icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 60px;
height: 60px;
border-radius: 2px 32px;
background: #F5F8FB;
}
.contacts-map__icon img {
display: block;
width: 30px;
height: 30px;
object-fit: contain;
}
.contacts-map__text {
display: flex;
flex-direction: column;
gap: 7px;
min-width: 0;
}
.contacts-map__label {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 120%;
color: #939DA9;
}
.contacts-map__label--accent {
color: #E40825;
}
.contacts-map__value {
font-size: clamp(22px, 2.2vw, 32px);
font-weight: 600;
line-height: 100%;
color: #121A24;
text-decoration: none;
transition-duration: 0.15s;
word-break: break-word;
}
a.contacts-map__value:hover {
color: #E40825;
}
.contacts-map__btn {
margin-top: 72px;
align-self: flex-start;
}
.contacts-map__btn:hover .contacts-map__btn-icon {
filter: invert(1);
}
.contacts-map__btn-icon {
display: block;
flex-shrink: 0;
width: 18px;
height: 16px;
background-color: #121A24;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/map.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/map.svg) no-repeat center/contain;
}
.contacts-map__map {
min-height: 480px;
border-radius: 2px 60px;
overflow: hidden;
}
.contacts-map__map iframe {
display: block;
width: 100%;
height: 100%;
min-height: 480px;
border: 0;
}
@media (max-width: 1100px) {
.contacts-map__grid {
grid-template-columns: 1fr;
gap: 32px;
}
.contacts-map__map {
min-height: 360px;
}
.contacts-map__map iframe {
min-height: 360px;
}
}
@media (max-width: 640px) {
.contacts-page .contacts-map.section-block {
margin-bottom: 48px;
}
.contacts-map__items {
gap: 22px;
}
.contacts-map__icon {
width: 28px;
height: 28px;
border-radius: 2px 12px;
}
.contacts-map__item {
gap: 10px;
}
.contacts-map__icon img {
width: 20px;
height: 20px;
}
.contacts-map__label {
font-size: 13px;
}
.contacts-map__value {
font-size: 18px;
}
.contacts-map__btn {
width: 100%;
justify-content: center;
min-height: 56px;
margin-top: 24px;
align-self: stretch;
}
.contacts-map__map {
min-height: 280px;
border-radius: 2px 34px;
}
.contacts-map__map iframe {
min-height: 280px;
}
}
.form {
background: #fff;
margin-top: 115px;
padding: 85px 0 110px;
}
.form .s-title {
color: #000;
}
.form__wrapper {
margin-top: 50px;
}
.form__row {
display: flex;
}
.form__row + div {
margin-top: 25px;
}
.form__col {
flex: 1;
}
.form__col + div {
margin-left: 30px;
}
.center-form__fields {
margin-bottom: 30px;
}
.form__field {
position: relative;
}
.form__field input {
width: 100%;
box-sizing: border-box;
color: #121A24;
padding: 24px 26px 24px 30px;
font-size: 18px;
font-weight: 500;
line-height: 120%;
border-radius: 34px 2px;
border: 1px solid hsla(213, 15%, 74%, 0.5);
background: #fff;
transition: border-color 0.15s ease, background-color 0.15s ease;
}
.form__field input:focus {
outline: none;
border-color: rgba(228, 8, 37, 0.35);
}
.form__field img,
.center-form__field-icon {
position: absolute;
top: 50%;
right: 26px;
width: 22px;
height: 22px;
object-fit: contain;
pointer-events: none;
transform: translateY(-50%);
}
.form__field input::placeholder {
color: #939DA9;
}
.form__t-field {
font-weight: 600;
font-size: 17px;
color: #000;
line-height: 1;
margin-bottom: 7px;
}
.form__bottom {
display: flex;
align-items: center;
}
.form__bottom input[type=submit] {
height: 60px;
display: flex;
justify-content: center;
align-items: center;
padding: 0 30px;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #000;
transition-duration: 0.15s;
text-decoration: none;
border: 1px solid #000;
flex-shrink: 0;
margin-right: 35px;
background: #fff;
cursor: pointer;
}
.form__bottom input[type=submit]:hover {
border: 1px solid var(--accent);
background-color: var(--accent);
color: #fff;
}
.form__checkbox {
font-size: 12px;
color: #000;
position: relative;
display: flex;
align-items: center;
padding-left: 29px;
min-height: 24px;
}
.form__checkbox::before {
content: "";
width: 24px;
height: 24px;
background: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/checkbox.svg) no-repeat;
background-size: 100%;
position: absolute;
left: 0;
filter: brightness(0);
}
.form__checkbox::after {
content: "";
width: 15px;
height: 10px;
position: absolute;
left: 4px;
}
.modal {
width: 100%;
max-width: 720px;
padding: 0;
background: transparent;
overflow: visible;
}
.modal__wrapper {
max-width: none;
margin: 0;
}
.modal__card {
padding: 40px 40px 36px;
border-radius: 34px 2px;
background: #fff;
box-shadow: 0 24px 64px rgba(18, 26, 36, 0.16);
}
.modal__head {
margin-bottom: 24px;
}
.modal__title {
margin: 0;
font-size: clamp(28px, 4vw, 40px);
font-weight: 700;
line-height: 1.15;
color: #121A24;
}
.modal-title-btn,
.modal-title-table {
margin: 10px 0 0;
font-size: 16px;
font-weight: 600;
line-height: 1.35;
color: #E40825;
}
.modal__form-label {
margin: 0 0 20px;
font-size: 18px;
font-weight: 600;
line-height: 1.35;
color: #121A24;
}
.modal__fields {
margin-bottom: 16px;
}
.modal__field--message {
display: block;
margin-bottom: 24px;
}
.modal__form .form__field input {
height: 64px;
padding: 0 52px 0 24px;
background: #F5F8FB;
border: 1px solid transparent;
}
.modal__form .modal__field--message input {
padding-right: 24px;
}
.modal__bottom {
align-items: center;
gap: 20px 24px;
}
.modal__submit {
flex-shrink: 0;
min-height: 64px;
padding: 18px 28px;
gap: 16px;
font-size: 18px;
text-transform: none;
}
.modal__submit-icon {
display: block;
width: 16px;
height: 16px;
flex-shrink: 0;
}
.modal__form .lead-form__response {
margin-top: 20px;
}
@media (max-width: 768px) {
.modal__card {
padding: 32px 24px 28px;
border-radius: 24px 2px;
}
.modal__head {
margin-bottom: 20px;
}
.modal__form-label {
margin-bottom: 16px;
font-size: 16px;
}
.modal__fields {
flex-direction: column;
gap: 12px;
margin-bottom: 12px;
}
.modal__field--message {
margin-bottom: 20px;
}
.modal__form .form__field input {
height: 56px;
padding: 0 48px 0 20px;
font-size: 16px;
border-radius: 24px 2px;
}
.modal__form .center-form__field-icon {
right: 18px;
width: 18px;
height: 18px;
}
.modal__bottom {
flex-direction: column;
align-items: stretch;
}
.modal__submit {
width: 100%;
min-height: 56px;
padding: 14px 24px;
font-size: 16px;
}
}
@media (max-width: 640px) {
.form {
margin-top: 30px;
padding: 30px 0;
}
.form__wrapper {
margin-top: 30px;
}
.form__row {
flex-direction: column;
}
.form__col + div {
margin-left: 0;
margin-top: 16px;
}
}
.footer {
background: #F5F8FB;
padding: 130px 0 104px;
margin-top: 30px;
}
.footer__grid {
display: grid;
grid-template-columns: minmax(300px, 46.5%) minmax(0, 58%);
gap: 48px 140px;
align-items: start;
}
.footer__aside {
display: flex;
flex-direction: column;
}
@media (min-width: 900px) {
.footer__aside {
position: sticky;
top: 200px;
}
}
.footer__block {
display: flex;
flex-direction: column;
}
.footer__block + .footer__block {
margin-top: 32px;
}
@media (max-width: 768px) {
.footer__block + .footer__block {
margin-top: 16px;
}
}
.footer__label {
margin: 0;
font-size: 20px;
font-weight: 600;
line-height: 120%;
color: #939DA9;
margin-bottom: 11px;
}
.footer__phone {
font-size: 72px;
font-weight: 600;
line-height: 100%;
color: #121A24;
text-decoration: none;
transition-duration: 0.15s;
}
.footer__phone:hover {
color: #E40825;
}
.footer__email {
font-size: 72px;
font-weight: 600;
line-height: 100%;
color: #121A24;
text-decoration: none;
transition-duration: 0.15s;
word-break: break-word;
}
.footer__email:hover {
color: #E40825;
}
.footer__block--social {
margin-top: 40px;
}
.footer__social {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.footer__social-link {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 60px;
height: 60px;
border-radius: 30px;
background: #fff;
text-decoration: none;
transition-duration: 0.15s;
}
.footer__social-link:hover {
background: #E40825;
}
.footer__social-link:hover img {
filter: invert(0);
}
.footer__social-link img {
display: block;
width: 18px;
height: 18px;
object-fit: contain;
filter: invert(1);
}
.footer__block--email {
margin-top: 35px;
}
.footer__block--email .footer__label {
font-size: 14px;
font-weight: 600;
line-height: 120%;
margin-bottom: 0;
}
.footer__block--email .footer__email {
font-size: 32px;
font-weight: 600;
line-height: 100%;
}
.footer__address {
margin: 0;
font-weight: 400;
font-size: 42px;
line-height: 1.35;
color: #121A24;
}
.footer__actions {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 12px;
margin-top: 44px;
}
.footer__meta {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 72px;
}
.footer__meta-line {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px 27px;
}
.footer__copyright {
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 140%;
color: #939DA9;
}
.footer__develop {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 500;
line-height: 140%;
color: #939DA9;
}
.footer__develop a {
display: inline-flex;
line-height: 0;
}
.footer__develop img {
display: block;
height: 14px;
width: auto;
}
.footer__privacy {
font-size: 12px;
font-weight: 500;
line-height: 140%;
color: #939DA9;
text-decoration: none;
transition-duration: 0.15s;
}
.footer__privacy:hover {
color: #121A24;
}
.footer__nav {
display: flex;
flex-direction: column;
gap: 64px;
}
.footer__nav-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px 80px;
align-items: start;
}
.footer__nav-group {
min-width: 0;
}
.footer__nav-group--empty {
min-height: 0;
}
.footer__nav-title {
min-height: 34px;
margin-bottom: 30px;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 120%;
color: #E40825;
}
.footer__nav-list {
margin: 0;
padding: 0;
list-style: none;
}
.footer__nav-list li {
margin: 0 0 18px;
}
.footer__nav-list li:last-child {
margin-bottom: 0;
}
.footer__nav-list li::before {
display: none;
}
.footer__nav-link {
display: inline-block;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%;
color: #121A24;
text-decoration: none;
transition-duration: 0.15s;
}
.footer__nav-link:hover {
color: #E40825;
}
.footer__nav-link--all {
padding: 0;
border: none;
background: none;
font: inherit;
cursor: pointer;
color: #939DA9;
}
.footer__nav-link--all:hover {
color: #121A24;
}
.footer__nav-item--more[hidden] {
display: none;
}
@media (max-width: 1200px) {
.footer {
padding: 90px 0 72px;
}
.footer__grid {
gap: 48px 50px;
}
.footer__phone,
.footer__block--email .footer__email {
font-size: 36px;
}
.footer__address {
font-size: 34px;
}
.footer__nav {
gap: 48px;
}
.footer__nav-row {
gap: 28px 38px;
}
.footer__meta {
margin-top: 56px;
}
}
@media (max-width: 900px) {
.footer__grid {
grid-template-columns: 1fr;
gap: 25px;
}
.footer {
padding: 80px 0 64px;
}
.footer__phone {
font-size: 52px;
}
.footer__block--email .footer__email {
font-size: 52px;
}
.footer__address {
font-size: 28px;
}
.footer__nav-title {
font-size: 24px;
}
.footer__block--social {
margin-top: 32px;
}
.footer__block--email {
margin-top: 28px;
}
.footer__actions {
flex-direction: column;
margin-top: 32px;
}
.footer__meta {
margin-top: 48px;
}
.footer__btn {
width: 100%;
}
}
@media (max-width: 640px) {
.footer {
padding: 48px 0 40px;
}
.footer__phone {
font-size: 22px;
line-height: 1.15;
letter-spacing: -0.01em;
}
.footer__block--email .footer__email {
font-size: 22px;
line-height: 1.15;
letter-spacing: -0.01em;
}
.footer__social-link {
width: 48px;
height: 48px;
}
.footer__address {
font-size: 18px;
line-height: 1.3;
}
.footer__label {
font-size: 14px;
}
.footer__nav-title {
font-size: 20px;
margin-bottom: 12px;
}
.footer__btn {
padding: 12px 24px;
gap: 20px;
}
.footer__nav-row {
gap: 16px;
display: flex;
flex-direction: column;
}
.footer__nav {
gap: 15px;
}
.footer__block--social {
margin-top: 24px;
}
.footer__block--email {
margin-top: 20px;
}
.footer__actions {
margin-top: 24px;
}
.footer__meta {
margin-top: 20px;
gap: 0;
}
.footer__develop {
margin-top: 10px;
}
.footer__meta-line {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.about__btn-icon,
.main__btn-icon {
width: 12px;
height: 12px;
}
.center-complex__btn-icon,
.center-faq__btn-icon {
width: 10px;
height: 10px;
}
.center-form__submit-icon {
width: 14px;
height: 14px;
}
.center-services__more-icon,
.uslugi-grid__more-icon,
.center-portfolio__more-icon,
.center-reviews__loadmore-icon {
width: 14px;
height: 14px;
}
}
.static-page {
padding-top: 110px;
}
@media (max-width: 1280px) {
.static-page {
padding-top: 0px;
}
}
.page-heading {
background: #fff;
margin-bottom: 60px;
}
@media (max-width: 1100px) {
.page-heading {
margin-bottom: 40px;
}
}
@media (max-width: 640px) {
.page-heading {
margin-bottom: 28px;
}
}
.bread {
margin: 0 0 29px;
}
.bread {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none;
}
.bread li:last-of-type:after {
display: none;
}
.bread a:hover {
color: var(--accent);
}
.bread * {
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 120%;
color: #5A6572;
opacity: 0.6;
text-decoration: none;
}
.dark .bread * {
color: #5A6572;
}
.main .bread * {
color: rgb(255, 255, 255);
}
.bread > *::after {
content: "";
display: inline-block;
margin-left: 10px;
width: 8px;
height: 8px;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><g opacity='0.6'><path d='M2.97 6.64L5.14 4.47C5.40 4.21 5.40 3.79 5.14 3.53L2.97 1.36' stroke='%235A6572' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/></g></svg>") no-repeat center;
background-size: contain;
vertical-align: middle;
}
.bread > * + * {
margin-left: 10px;
}
.price-table {
border-top: 2px solid var(--accent);
padding-top: 13px;
margin: 0 0 37px;
width: calc(100% - 130px);
}
.price-table .table-price__desc {
font-weight: bold;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
color: #748086;
margin-top: 5px;
}
.price-table .table-price__desc + table,
.price-table .table-price__desc + .table {
margin-top: 12px;
}
.price-table .table-price__title + table,
.price-table .table-price__title + .table {
margin-top: 12px;
}
.price-table table {
width: 100%;
caption-side: bottom;
border-collapse: collapse;
}
.price-table table th {
font-size: 17px;
font-weight: 500;
padding: 11px;
}
.price-table table th:not(:first-child) {
background: #4A565C;
color: #fff;
}
.price-table table th:nth-child(2) {
background: #AAB1B5;
}
.price-table table th:nth-child(3) {
background: #919CA2;
}
.price-table table th:nth-child(4) {
background: #748086;
}
.price-table table th:nth-child(5) {
background: #657076;
}
.price-table table th:nth-child(6) {
background: #546167;
}
.price-table table th:nth-child(7) {
background: #4A565C;
}
.price-table table th:not(:first-child) {
font-weight: bold;
text-align: center;
}
.price-table table tr {
background-color: #fff;
border-bottom: 1px solid #9f9f9f;
}
.price-table table tr.space {
display: none;
}
.price-table table tr th {
position: relative;
}
.price-table table tr:hover td {
background-color: #f0f0f0;
}
.price-table table tr:hover .btn-order {
opacity: 1;
visibility: visible;
}
.price-table table tr td {
font-size: 17px;
color: var(--bg);
padding: 11px;
position: relative;
transition-duration: 0.15s;
text-align: center;
font-weight: 600;
border-right: 1px solid #9f9f9f;
}
.price-table table tr td:first-child {
text-align: left;
white-space: normal;
}
.price-table table tr th {
border-top: 1px solid #9f9f9f;
font-weight: 600;
}
.price-table table tr th:first-child {
font-size: 20px;
font-weight: 600;
line-height: 120%;
}
@media (max-width: 768px) {
.price-table table tr th:first-child {
font-size: 18px;
line-height: 100%;
}
}
.price-table .btn-order {
position: absolute;
right: -126px;
top: 0;
bottom: 0;
margin: auto;
opacity: 0;
visibility: hidden;
color: #000;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
}
.btn-order {
width: 120px;
display: inline-block;
border: 1px solid var(--accent);
font-weight: bold;
font-size: 17px;
line-height: 37px;
color: var(--bg);
transition-duration: 0.15s;
text-decoration: none;
}
.btn-order:hover {
background-color: var(--accent);
color: #fff;
}
.price-block .price-table {
border-top: none;
padding-top: 0;
margin: 0;
width: 100%;
}
.price-block .price-table table {
width: 100%;
border-collapse: separate;
border-spacing: 6px 0;
overflow: hidden;
border-radius: 2px 34px;
}
.price-block .price-table table th,
.price-block .price-table table td {
border-right: none;
border-left: none;
border-bottom: 1px solid rgba(18, 26, 36, 0.1);
}
.price-block .price-table table th {
padding: 18px 14px;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
text-align: center;
color: #121A24;
background: #F5F8FB;
border-top: none;
transition: background-color 0.15s ease, color 0.15s ease;
border-radius: 2px 2px 2px 2px;
}
.price-block .price-table table th:nth-child(2) {
border-radius: 34px 2px 2px 2px;
}
@media (max-width: 768px) {
.price-block .price-table table th:nth-child(2) {
border-radius: 24px 2px 2px 2px;
}
}
.price-block .price-table table th:last-of-type {
border-radius: 2px 34px 2px 2px;
}
@media (max-width: 768px) {
.price-block .price-table table th:last-of-type {
border-radius: 2px 24px 2px 2px;
}
}
.price-block .price-table table th:first-child {
text-align: left;
color: #121A24;
font-weight: 600;
border-radius: 34px 34px 2px 2px;
}
@media (max-width: 768px) {
.price-block .price-table table th:first-child {
border-radius: 24px 24px 2px 2px;
}
}
.price-block .price-table table tr {
background: transparent;
border-bottom: none;
}
.price-block .price-table table tr.space {
display: none;
}
.price-block .price-table table tr:hover td {
background-color: inherit;
}
.price-block .price-table table td {
padding: 16px 14px;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
text-align: left;
color: #121A24;
background: #fff;
cursor: pointer;
transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.price-block .price-table table td:first-child {
text-align: left;
font-weight: 500;
}
.price-block .price-table table td.is-selected {
background: #E8EEF4 !important;
box-shadow: inset 0 0 0 2px #121A24;
}
.price-block .price-table table:has(td:nth-child(1):hover) th:nth-child(1),
.price-block .price-table table:has(td:nth-child(1):hover) td:nth-child(1),
.price-block .price-table table:has(th:nth-child(1):hover) th:nth-child(1),
.price-block .price-table table:has(th:nth-child(1):hover) td:nth-child(1) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(2):hover) th:nth-child(2),
.price-block .price-table table:has(th:nth-child(2):hover) th:nth-child(2) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(2):hover) td:nth-child(2),
.price-block .price-table table:has(th:nth-child(2):hover) td:nth-child(2) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(3):hover) th:nth-child(3),
.price-block .price-table table:has(th:nth-child(3):hover) th:nth-child(3) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(3):hover) td:nth-child(3),
.price-block .price-table table:has(th:nth-child(3):hover) td:nth-child(3) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(4):hover) th:nth-child(4),
.price-block .price-table table:has(th:nth-child(4):hover) th:nth-child(4) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(4):hover) td:nth-child(4),
.price-block .price-table table:has(th:nth-child(4):hover) td:nth-child(4) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(5):hover) th:nth-child(5),
.price-block .price-table table:has(th:nth-child(5):hover) th:nth-child(5) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(5):hover) td:nth-child(5),
.price-block .price-table table:has(th:nth-child(5):hover) td:nth-child(5) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(6):hover) th:nth-child(6),
.price-block .price-table table:has(th:nth-child(6):hover) th:nth-child(6) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(6):hover) td:nth-child(6),
.price-block .price-table table:has(th:nth-child(6):hover) td:nth-child(6) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(7):hover) th:nth-child(7),
.price-block .price-table table:has(th:nth-child(7):hover) th:nth-child(7) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(7):hover) td:nth-child(7),
.price-block .price-table table:has(th:nth-child(7):hover) td:nth-child(7) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(8):hover) th:nth-child(8),
.price-block .price-table table:has(th:nth-child(8):hover) th:nth-child(8) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(8):hover) td:nth-child(8),
.price-block .price-table table:has(th:nth-child(8):hover) td:nth-child(8) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(9):hover) th:nth-child(9),
.price-block .price-table table:has(th:nth-child(9):hover) th:nth-child(9) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(9):hover) td:nth-child(9),
.price-block .price-table table:has(th:nth-child(9):hover) td:nth-child(9) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(10):hover) th:nth-child(10),
.price-block .price-table table:has(th:nth-child(10):hover) th:nth-child(10) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(10):hover) td:nth-child(10),
.price-block .price-table table:has(th:nth-child(10):hover) td:nth-child(10) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(11):hover) th:nth-child(11),
.price-block .price-table table:has(th:nth-child(11):hover) th:nth-child(11) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(11):hover) td:nth-child(11),
.price-block .price-table table:has(th:nth-child(11):hover) td:nth-child(11) {
background: #F9FAFB;
}
.price-block .price-table table:has(td:nth-child(12):hover) th:nth-child(12),
.price-block .price-table table:has(th:nth-child(12):hover) th:nth-child(12) {
background: #E40825;
color: #fff;
}
.price-block .price-table table:has(td:nth-child(12):hover) td:nth-child(12),
.price-block .price-table table:has(th:nth-child(12):hover) td:nth-child(12) {
background: #F9FAFB;
}
.price-block .price-table .btn-order {
display: none;
}
@media (max-width: 1100px) {
.price-block .price-table {
overflow-x: auto;
}
.price-block .price-table table {
min-width: 760px;
}
}
@media (max-width: 640px) {
.price-block .price-table table th,
.price-block .price-table table td {
padding: 12px 10px;
font-size: 14px;
}
}
.price-page {
background: #fff;
}
.price-tabs {
margin-top: 40px;
margin-bottom: 140px;
}
.price-block__heading {
margin: 0 0 40px;
}
.price-block .price-tabs {
margin-top: 0;
margin-bottom: 0;
}
@media (max-width: 1100px) {
.price-block__heading {
margin-bottom: 28px;
}
}
.price-tabs__scroll {
margin-bottom: 50px;
}
.price-tabs__nav {
display: inline-flex;
flex-wrap: wrap;
gap: 1px;
margin: 0;
padding: 0;
list-style: none;
border-radius: 0 24px;
overflow: hidden;
}
.price-tabs__nav li {
margin: 0;
border-radius: 2px;
}
.price-tabs__tab {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0 24px;
border: none;
border-radius: 2px;
font-family: inherit;
font-size: 18px;
font-weight: 600;
line-height: 120%;
color: #121921;
background: #EFF4FA;
cursor: pointer;
transition-duration: 0.15s;
white-space: nowrap;
}
.price-tabs__tab.is-active {
color: #fff;
background: #121921;
}
.price-tabs__tab:hover:not(.is-active) {
background: #e2e8ee;
}
.price-tabs__panel {
display: none;
}
.price-tabs__panel.is-active {
display: block;
}
.price-tabs__footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0;
margin-top: 30px;
position: relative;
max-width: 909px;
width: 100%;
}
.price-tabs__note {
display: flex;
align-items: center;
gap: 14px;
max-width: 909px;
width: 100%;
min-width: 0;
padding: 24px 30px;
background: #EFF4FA;
border-radius: 2px 24px;
}
@media (max-width: 768px) {
.price-tabs__note {
border-radius: 24px 24px 2px 2px;
}
}
.price-tabs__note-icon {
flex-shrink: 0;
width: 38px;
height: 32px;
background-color: #121921;
-webkit-mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/c9.svg) no-repeat center/contain;
mask: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/c9.svg) no-repeat center/contain;
}
@media (max-width: 768px) {
.price-tabs__note-icon {
width: 28px;
height: 22px;
}
}
.price-tabs__note-text {
margin: 0;
font-size: 20px;
font-weight: 600;
line-height: 120%;
color: #121921;
}
.price-tabs__whatsapp {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 16px;
flex-shrink: 0;
min-height: 80px;
padding: 18px 28px;
border-radius: 2px 34px;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%;
color: #fff;
text-decoration: none;
background: #36C836;
transition-duration: 0.15s;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 768px) {
.price-tabs__whatsapp {
border-radius: 2px 2px 24px 24px;
margin-top: 5px;
}
}
.price-tabs__whatsapp:hover {
color: #fff;
background: #20bd59;
}
.price-tabs__whatsapp img {
display: block;
width: 24px;
height: 24px;
flex-shrink: 0;
filter: brightness(0) invert(1);
}
@media (max-width: 1100px) {
.price-tabs__scroll {
margin-bottom: 24px;
}
.price-tabs__nav {
flex-wrap: nowrap;
overflow-x: auto;
max-width: 100%;
scrollbar-width: none;
}
.price-tabs__nav::-webkit-scrollbar {
display: none;
}
.price-tabs__nav li {
flex-shrink: 0;
}
.price-tabs__tab {
min-height: 48px;
padding: 0 18px;
font-size: 16px;
}
}
@media (max-width: 768px) {
.price-tabs {
margin-top: 28px;
}
.price-tabs__footer {
flex-direction: column;
align-items: stretch;
}
.price-tabs__whatsapp {
width: 100%;
min-height: 56px;
padding: 16px 20px;
font-size: 16px;
}
}
@media (max-width: 640px) {
.price-tabs__note {
padding: 18px 20px;
}
.price-tabs__note-text {
font-size: 13px;
}
}
.section-text {
margin-top: 125px;
overflow: hidden;
}
.section-text__wrapper {
margin-top: 60px;
}
.section-text__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (min-width: 1200px) {
.section-text__row:nth-child(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.section-text__row:nth-child(2n) .section-text__gellery {
margin: 0 0 0 70px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.section-text__row:nth-child(2n) .section-text__text {
text-align: right;
}
.section-text__row:nth-child(2n) ul li {
text-align: right;
}
.section-text__row:nth-child(2n) .section-text__content {
margin: 0 -14px 0 0;
padding-right: 42px;
}
.section-text__row:nth-child(2n) .section-text__content::before {
left: auto;
right: 0;
}
}
.section-text__row + div {
margin-top: 80px;
}
.section-text__gellery {
width: 760px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-right: 70px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.section-text__gellery > * {
width: 100%;
height: auto;
}
.section-text__gellery > * + * {
margin-left: 15px;
}
.section-text__text {
border-top: 2px solid var(--accent);
padding-top: 20px;
}
.section-text__content {
position: relative;
padding-left: 42px;
margin-left: -14px;
}
.section-text__content::before {
content: "";
width: 27px;
height: 12px;
background-color: var(--accent);
-ms-flex-negative: 0;
flex-shrink: 0;
position: absolute;
left: 0;
top: 5px;
}
.section-text p,
.section-text li {
font-size: 17px;
color: #fff;
}
.section-text ul {
padding: 0;
margin: 1.3rem 0;
list-style-type: none;
}
.section-text ul li::before {
content: "";
width: 3px;
height: 3px;
border-radius: 100%;
background-color: #fff;
display: inline-block;
margin: 0 7px 3px;
}
.section-text ul li + li {
margin-top: 5px;
}
.section-text .btn-2 {
margin-top: 20px;
}
.section-types {
padding-top: 95px;
padding-bottom: 0;
}
.section-types__wrapper {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px 75px;
margin-top: 50px;
}
.prices {
background-color: #f5f5f5;
padding: 100px 0 75px;
}
.prices__wrapper {
margin-top: 35px;
}
.prices table {
width: 100%;
}
.table-price__item {
padding-top: 9px;
border-top: 2px solid var(--accent);
}
.table-price__item + div {
margin-top: 60px;
}
.table-price__title {
font-weight: 700;
font-size: 29px;
line-height: 130%;
color: var(--bg);
}
.table-price table {
margin-top: 15px;
table-layout: fixed;
}
.table-price table tr:not(:last-child) td {
border-bottom: 12px solid #f5f5f5;
}
.table-price table th {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.table-price table th:not(:first-child) {
color: var(--accent);
}
.table-price table td,
.table-price table th {
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
vertical-align: middle;
}
.table-price table td:first-child,
.table-price table th:first-child {
padding-left: 27px;
}
.table-price table td:not(:first-child),
.table-price table th:not(:first-child) {
padding-left: 17px;
}
.table-price table td {
font-size: 16px;
position: relative;
color: var(--bg);
background-color: #fff;
}
.table-price table td:first-child {
font-weight: 500;
}
.table-price table td:first-child::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 13px;
height: 13px;
background-color: var(--accent);
}
.table-price table td:not(:first-child) {
font-weight: 800;
vertical-align: middle;
}
.table-price table td:not(:first-child) .btn-order {
float: right;
}
.table-price table td:not(:first-child):not(:last-child) {
border-left: 15px solid #f5f5f5;
border-right: 15px solid #f5f5f5;
}
.table-price table td:nth-child(2) {
border-left: 15px solid #f5f5f5;
}
.table-price .btn-order {
height: 28px;
}
.works + .reviews {
background-color: #f5f5f5;
margin-top: 115px;
padding: 95px 0;
}
.works + .reviews .show-all {
color: var(--bg);
border-color: #CAD0D7;
}
.works + .reviews .prev,
.works + .reviews .next {
-webkit-filter: invert(0.5);
filter: invert(0.5);
}
.reviews + .form {
margin-top: 0;
}
.home-second__row-first--grav .btn-2 {
margin-top: 30px;
}
.home-second__row-first--grav .price-row + p {
margin-top: 30px;
}
.home-second__img--grav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: -65px;
width: calc(100% - 890px);
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 40px;
}
.home-second + .section-types {
padding-top: 60px;
padding-bottom: 85px;
}
.home-second__img--vmatin {
margin-top: 0;
}
.dop-list {
margin: 20px 0 0;
padding: 0;
list-style-type: none;
}
.dop-list li {
padding: 9px 12px 9px 18px;
position: relative;
background-color: #fff;
font-size: 17px;
font-weight: 500;
line-height: 130%;
color: var(--bg);
position: relative;
}
.dop-list li:not(:last-child) {
margin-bottom: 5px;
}
.dop-list li::before {
content: "";
width: 4px;
height: 12px;
background-color: var(--accent);
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.home-moika {
background-repeat: no-repeat;
background-position: 0 100%;
}
.works__grid {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 70px 15px;
}
.works__grid .works__item {
padding-bottom: 11px;
border-bottom: 2px solid #2A394D;
}
.loadmore {
background: #1E2937;
font-weight: bold;
font-size: 17px;
line-height: 1;
color: #fff;
padding: 12px 15px;
position: relative;
display: flex;
align-items: center;
margin-top: 35px;
}
.loadmore::before {
content: "";
width: 34px;
height: 34px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 25px;
background: var(--accent) url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/down.svg) no-repeat center;
background-size: 26px;
}
.page-grid .s-title {
margin-bottom: 40px;
}
.nav-cat {
margin: 0 0 45px;
padding: 0;
font-size: 0;
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.nav-cat li {
margin: 0 10px 15px;
}
.nav-cat li a {
font-weight: 600;
font-size: 17px;
line-height: 130%;
color: #9f9f9f;
text-decoration: none;
padding-bottom: 6px;
}
.nav-cat li a.active {
color: #fff;
border-bottom: 2px solid var(--accent);
}
.reviews__grid .reviews__item + .reviews__item {
margin-top: 45px;
}
.contacts__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 55px;
}
.contacts__info {
width: 570px;
margin-right: 60px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.contacts__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contacts__item + div {
margin-top: 32px;
}
.contacts__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 50px;
width: 50px;
height: 50px;
background: #222D3A;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.contacts__icon img {
width: 30px;
height: auto;
margin-right: -15px;
}
.contacts__icon .whats {
width: 28px;
}
.contacts__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contacts__title {
font-weight: 700;
font-size: 23px;
line-height: 130%;
color: #fff;
display: flex;
text-decoration: none;
}
.contacts__req {
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.contacts__req:hover {
color: var(--accent);
}
.contacts__desc {
font-weight: 500;
font-size: 17px;
line-height: 1;
margin-top: 5px;
color: #9f9f9f;
}
.contacts__req {
background: #222D3A;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 17px;
line-height: 52px;
color: #fff;
text-decoration: none;
padding: 0 29px;
margin: 40px 0 0;
}
.contacts .btn-2 {
margin-top: 45px;
}
.contacts__map {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.contacts__map iframe {
height: 100% !important;
width: 1100px;
-webkit-filter: grayscale(1);
filter: grayscale(1);
position: relative;
z-index: 1;
}
.contacts__form {
padding: 120px 0;
position: relative;
}
.contacts__form > img {
position: absolute;
right: -130px;
top: -105px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.contacts__form h2 {
font-size: 61px;
font-weight: 600;
margin: 0;
text-align: left;
}
.contacts__form .form__wrapper {
margin: 35px 0 0;
}
.contacts__form input::-webkit-input-placeholder {
color: #546274;
}
.contacts__form input:-ms-input-placeholder {
color: #546274;
}
.contacts__form input::-ms-input-placeholder {
color: #546274;
}
.contacts__form input::placeholder {
color: #546274;
}
.contacts__form .form__checkbox {
color: #576A83;
}
.contacts__form .form__checkbox::before {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
} .lead-form-honeypot {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
pointer-events: none !important;
}
.lead-form__response {
margin-top: 16px;
font-size: 16px;
font-weight: 500;
line-height: 1.3;
}
.lead-form__response.is-success {
color: #1f8f4e;
}
.lead-form__response.is-error {
color: #E40825;
}
.page-message {
position: relative;
overflow: hidden;
padding: 80px 0 120px;
background: #f4f5f7;
color: #121921;
}
@media (max-width: 768px) {
.page-message {
padding: 48px 0 72px;
}
}
.page-message__bread {
margin: 0 0 40px;
padding: 0;
list-style: none;
}
@media (max-width: 768px) {
.page-message__bread {
margin-bottom: 24px;
}
}
.page-message__grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
align-items: center;
gap: 48px;
}
@media (max-width: 1120px) {
.page-message__grid {
grid-template-columns: 1fr;
gap: 28px;
}
}
.page-message--single .page-message__grid {
grid-template-columns: 1fr;
}
.page-message__content {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 640px;
}
.page-message__title {
margin: 0 0 28px;
font-size: clamp(32px, 4vw, 50px);
font-weight: 700;
line-height: 1.15;
color: #121921;
}
.page-message__text {
font-size: 20px;
font-weight: 500;
line-height: 1.35;
color: rgba(18, 25, 33, 0.7);
}
.page-message__text p {
margin: 0 0 10px;
}
.page-message__text p:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
.page-message__text {
font-size: 16px;
}
}
.page-message__actions {
margin-top: 40px;
}
@media (max-width: 768px) {
.page-message__actions {
width: 100%;
margin-top: 28px;
}
}
@media (max-width: 768px) {
.page-message__btn {
width: 100%;
}
}
.page-message__media {
display: flex;
align-items: center;
justify-content: center;
min-height: 220px;
}
@media (max-width: 1120px) {
.page-message__media {
justify-content: flex-start;
}
}
.page-message__image {
display: block;
width: 100%;
max-width: 520px;
height: auto;
}
.page-message__code {
font-size: clamp(120px, 18vw, 200px);
font-weight: 800;
line-height: 0.9;
color: #E40825;
letter-spacing: -0.04em;
user-select: none;
}
.fancybox-slide--html .fancybox-content.modal {
padding: 0;
background: transparent;
overflow: visible;
}
.fancybox-slide--html .fancybox-close-small {
padding: 0;
width: 56px;
height: 56px;
background: var(--accent, #E40825);
display: flex;
align-items: center;
justify-content: center;
border-radius: 0 0 0 16px;
opacity: 1;
transition: background-color 0.15s ease;
}
.fancybox-slide--html .fancybox-close-small:hover {
background: #c90720;
}
.fancybox-slide--html .fancybox-close-small svg {
width: 24px;
height: 24px;
color: #fff;
}
@media (max-width: 768px) {
.fancybox-slide--html .fancybox-close-small {
width: 44px;
height: 44px;
}
.fancybox-slide--html .fancybox-close-small svg {
width: 20px;
height: 20px;
}
}
@media (max-width: 480px) {
.fancybox-slide--html .fancybox-close-small {
width: 36px;
height: 36px;
border-radius: 0 0 0 12px;
}
}
.mobile-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 500;
background-color: var(--bg);
padding: 0 10px;
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
display: none;
background: #121921;
}
.mobile-wrapper .header__logo-text b,
.mobile-wrapper .header__logo-text span {
color: #251f34;
}
.mobile-wrapper .header__logo-text span {
margin-top: 5px;
}
.mobile-wrapper .bottom {
position: fixed;
margin-top: 60px;
max-width: 85vw;
height: calc(100vh - 60px);
overflow: auto;
width: 100%;
background-color: #121921;
padding: 20px 20px;
z-index: 3;
left: 0;
right: auto;
top: 0;
bottom: 0;
-webkit-transform: translate(-200%, 0);
-o-transform: translate(-200%, 0);
-moz-transform: translate(-200%, 0);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: translate(-200%, 0);
transform: translate(-200%, 0);
-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.33);
}
.mobile-wrapper .adress_popover {
width: 100%;
}
.header-top__phone {
font-size: 17px;
color: #fff;
line-height: 1;
margin-left: 20px;
font-weight: bold;
display: flex;
align-items: center;
text-decoration: none;
}
.header-top__phone:hover {
color: #fff;
}
.header-top__phone::before {
content: "";
width: 20px;
height: 18px;
background-image: url(//riverautolab.ru/wp-content/themes/cleantemplate/images/svg/tel.svg);
-webkit-filter: grayscale(1) invert(1);
filter: grayscale(1) invert(1);
background-size: 100%;
margin-right: 5px;
}
.mobile-wrapper .bottom.opened {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.bottom-mobile-phone {
margin-top: 15px;
font-size: 17px;
line-height: 1;
color: #fff;
text-decoration: none;
font-weight: 500;
}
.bottom-mobile-phone .icon {
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #f4f4f4;
margin-right: 10px;
}
.bottom-mobile-phone .icon img {
max-width: 11px;
height: auto;
}
.bottom-social-mobile {
margin-top: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-social-mobile a + a {
margin-left: 30px;
}
.mobile-wrapper .bottom ul {
padding: 0;
margin: 0;
list-style: none;
}
.mobile-wrapper .bottom ul li {
margin: 0 0 17px;
}
.mobile-wrapper .bottom ul + ul {
margin-top: 30px;
}
.mobile-wrapper .bottom .menu .sub-menu__label {
color: #fff;
font-weight: 400;
margin-bottom: 0;
}
.mobile-wrapper .bottom .menu .sub-menu a {
text-decoration: underline;
}
.mobile-wrapper .bottom .menu .sub-menu a::before {
height: 2px;
}
.mobile-wrapper .bottom .menu a {
font-size: 19px;
line-height: 1.3;
font-weight: 600;
text-decoration: none;
color: #fff;
}
.mobile-wrapper .bottom .main-modal-menu a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
}
.mobile-wrapper .bottom .main-modal-menu a::before {
content: "";
width: 6px;
height: 6px;
background-color: var(--accent);
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
}
.mobile-wrapper .bottom .menu li + li {
margin-top: 7px;
}
.mobile-wrapper .bottom .city_popover a {
margin: 5px 5px 0;
}
.mobile-wrapper .top {
position: relative;
z-index: 10;
height: 60px;
}
.mobile-wrapper .logo img {
width: 50px;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.contact-mobile a {
width: 35px;
height: 35px;
border-radius: 50%;
padding: 5px;
background-color: #f4f4f4;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.contact-mobile a img {
max-width: 100%;
}
.contact-mobile a + a {
margin-left: 5px;
}
body.hidd,
html.hidd {
overflow: hidden;
}
body.hidd {
padding-right: 5px;
}
body.hidd::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 20;
}
.hamburger {
width: 20px;
height: 14px;
position: relative;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
cursor: pointer;
}
.mobile-wrapper.dark-text .hamburger span {
background: #121A24;
}
.mobile-wrapper.dark-text .header-top__phone {
color: #121A24;
}
.mobile-wrapper.dark-text .header-top__phone:hover {
color: #121A24;
}
.mobile-wrapper.dark-text .header-top__phone::before {
filter: none;
-webkit-filter: none;
}
.hamburger span {
display: block;
position: absolute;
height: 1.5px;
width: 100%;
background: #fff;
opacity: 1;
left: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
}
.hamburger span:nth-child(1) {
top: 0;
}
.hamburger span:nth-child(2),
.hamburger span:nth-child(3) {
top: 0;
bottom: 0;
margin: auto;
}
.hamburger span:nth-child(4) {
top: auto;
bottom: 0;
width: 50%;
left: auto;
right: 0;
}
.hamburger.open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}
.hamburger.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hamburger.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.hamburger.open span:nth-child(4) {
width: 0;
}
.messenger-float {
position: fixed;
right: 16px;
bottom: 88px;
z-index: 90;
display: flex;
flex-direction: column;
gap: 10px;
pointer-events: none;
}
.messenger-float__btn {
pointer-events: auto;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 50%;
box-shadow: 0 8px 24px rgba(18, 26, 36, 0.22);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.messenger-float__btn:hover,
.messenger-float__btn:focus-visible {
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(18, 26, 36, 0.28);
}
.messenger-float__btn:focus-visible {
outline: 2px solid #fff;
outline-offset: 3px;
}
.messenger-float__btn--whatsapp {
background: #25d366;
}
.messenger-float__btn--telegram {
background: #229ed9;
}
.messenger-float__btn img {
width: 26px;
height: 26px;
display: block;
}
@media (max-width: 767px) {
.messenger-float {
right: 12px;
bottom: 76px;
}
.messenger-float__btn {
width: 48px;
height: 48px;
}
.messenger-float__btn img {
width: 24px;
height: 24px;
}
}
.dflex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.diflex {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.aic {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.aifs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.aife {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.jcfs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.jcfe {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.jcc {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.jcsb {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.jcsa {
-webkit-box-pack: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.fdc {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header-top__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mobile-row {
display: none;
} .site-main {
display: contents;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} :focus-visible {
outline: 2px solid var(--accent, #fa7d8d);
outline-offset: 2px;
}
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
select:focus:not(:focus-visible) {
outline: none;
}
.work-detail {
padding-bottom: 80px;
}
.work-detail__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 370px;
gap: 40px;
align-items: start;
}
.work-detail__main {
min-width: 0;
}
.work-detail__gallery {
margin-bottom: 32px;
}
.work-detail__gallery-wrap {
position: relative;
overflow: hidden;
border-radius: 0;
background: transparent;
}
.work-detail__gallery-wrap .sub-prev,
.work-detail__gallery-wrap .sub-next {
position: absolute;
bottom: 0;
z-index: 2;
}
.work-detail__gallery-wrap .sub-next {
right: 0;
}
.work-detail__gallery-wrap .sub-prev {
right: 80px;
}
.work-detail__gallery-wrap .swiper-slide {
display: block;
height: 420px;
padding-top: 0;
overflow: hidden;
border-radius: 34px 2px;
background: #EFF4FA;
}
.work-detail__gallery-wrap .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.portfolio-in__init {
overflow: hidden;
}
.portfolio-in__dots {
display: flex;
justify-content: center;
margin-top: 20px;
}
.portfolio-in__dots span {
width: 33px;
height: 2px;
margin: 0 0 0 5px !important;
border-radius: 0;
opacity: 1;
background-color: #DEDEDE;
}
.portfolio-in__dots .swiper-pagination-bullet-active {
background-color: #E40825;
}
.work-detail__head {
margin-bottom: 40px;
}
.work-detail__service,
.portfolio-in__sub-title {
margin: 0 0 8px;
font-weight: 600;
font-size: 16px;
line-height: 1.2;
color: #939DA9;
text-transform: none;
text-shadow: none;
}
.work-detail__title,
.portfolio-in__title {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0;
padding: 0;
color: #121A24;
text-transform: none;
text-shadow: none;
}
.work-detail__title::before,
.portfolio-in__title::before {
display: none;
}
.work-detail__title .work-detail__service,
.work-detail__title .portfolio-in__sub-title {
display: block;
font-size: 16px;
line-height: 1.2;
font-weight: 600;
}
.work-detail__car {
display: block;
}
.work-detail__section-title,
.portfolio-in__item-title {
margin: 0 0 24px;
font-weight: 600;
font-size: 28px;
line-height: 1.2;
color: #121A24;
text-transform: none;
text-shadow: none;
}
.work-detail__scope {
margin-bottom: 48px;
}
.entry-detail__content,
.work-detail__scope,
.work-detail .post-content,
.entry-detail .post-content {
color: #121a24;
}
.entry-detail__content h2,
.entry-detail__content h3,
.entry-detail__content h4,
.work-detail__scope h2,
.work-detail__scope h3,
.work-detail__scope h4,
.work-detail .post-content h2,
.work-detail .post-content h3,
.work-detail .post-content h4,
.entry-detail .post-content h2,
.entry-detail .post-content h3,
.entry-detail .post-content h4 {
margin: 40px 0 20px;
padding-top: 40px;
border-top: 1px solid rgba(18, 26, 36, 0.1);
font-weight: 600;
font-size: 36px;
line-height: 1;
color: #121a24;
text-transform: none;
}
.entry-detail__content h2:first-child,
.entry-detail__content h3:first-child,
.entry-detail__content h4:first-child,
.work-detail__scope h2:first-child,
.work-detail__scope h3:first-child,
.work-detail__scope h4:first-child,
.work-detail .post-content h2:first-child,
.work-detail .post-content h3:first-child,
.work-detail .post-content h4:first-child,
.entry-detail .post-content h2:first-child,
.entry-detail .post-content h3:first-child,
.entry-detail .post-content h4:first-child {
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.entry-detail__content p,
.entry-detail__content li,
.work-detail__scope p,
.work-detail__scope li,
.work-detail .post-content p,
.work-detail .post-content li,
.entry-detail .post-content p,
.entry-detail .post-content li {
color: #121a24;
font-size: 24px;
line-height: 1.2;
}
.entry-detail__content p,
.work-detail__scope p,
.work-detail .post-content p,
.entry-detail .post-content p {
margin: 0 0 24px;
}
.entry-detail__content ul,
.entry-detail__content ol,
.work-detail__scope ul,
.work-detail__scope ol,
.work-detail .post-content ul,
.work-detail .post-content ol,
.entry-detail .post-content ul,
.entry-detail .post-content ol {
margin: 0 0 24px;
padding: 0;
list-style: none;
}
.entry-detail__content ul li,
.entry-detail__content ol li,
.work-detail__scope ul li,
.work-detail__scope ol li,
.work-detail .post-content ul li,
.work-detail .post-content ol li,
.entry-detail .post-content ul li,
.entry-detail .post-content ol li {
position: relative;
margin: 0 0 10px;
padding: 19px 20px 19px 42px;
background: #f5f8fb;
border-radius: 0;
font-weight: 600;
font-size: 20px;
line-height: 1.2;
}
.entry-detail__content ul li::before,
.entry-detail__content ol li::before,
.work-detail__scope ul li::before,
.work-detail__scope ol li::before,
.work-detail .post-content ul li::before,
.work-detail .post-content ol li::before,
.entry-detail .post-content ul li::before,
.entry-detail .post-content ol li::before {
content: "";
position: absolute;
left: 10px;
top: 10px;
bottom: 10px;
width: 2px;
margin: 0;
border-radius: 0;
background-color: #e40825;
}
.entry-detail__content strong,
.entry-detail__content b,
.work-detail__scope strong,
.work-detail__scope b,
.work-detail .post-content strong,
.work-detail .post-content b,
.entry-detail .post-content strong,
.entry-detail .post-content b {
font-weight: 600;
}
.entry-detail__content img,
.work-detail__scope img,
.work-detail .post-content img,
.entry-detail .post-content img {
max-width: 100%;
height: auto;
border-radius: 34px 2px;
}
@media (max-width: 640px) {
.entry-detail__content h2,
.entry-detail__content h3,
.entry-detail__content h4,
.work-detail__scope h2,
.work-detail__scope h3,
.work-detail__scope h4,
.work-detail .post-content h2,
.work-detail .post-content h3,
.work-detail .post-content h4,
.entry-detail .post-content h2,
.entry-detail .post-content h3,
.entry-detail .post-content h4 {
margin: 24px 0 16px;
padding-top: 24px;
font-size: 22px;
}
.entry-detail__content p,
.entry-detail__content li,
.work-detail__scope p,
.work-detail__scope li,
.work-detail .post-content p,
.work-detail .post-content li,
.entry-detail .post-content p,
.entry-detail .post-content li {
font-size: 16px;
}
.entry-detail__content ul li,
.entry-detail__content ol li,
.work-detail__scope ul li,
.work-detail__scope ol li,
.work-detail .post-content ul li,
.work-detail .post-content ol li,
.entry-detail .post-content ul li,
.entry-detail .post-content ol li {
margin-bottom: 8px;
padding: 14px 14px 14px 32px;
font-size: 16px;
}
}
.work-detail__block {
margin-top: 48px;
}
.work-detail__video,
.portfolio-in__video {
position: relative;
min-height: 420px;
overflow: hidden;
border-radius: 34px 2px;
background-color: #EFF4FA;
background-position: center;
background-size: cover;
}
.work-detail__video .video__play,
.portfolio-in__video .video__play {
width: 120px;
height: 120px;
border-radius: 24px 2px;
background-size: 56px;
}
.work-detail__review .center-reviews__card {
height: auto !important;
}
.work-detail__share,
.portfolio-in__shared {
display: flex;
align-items: center;
gap: 8px;
margin-top: 48px;
}
.work-detail__share a,
.portfolio-in__shared a {
display: flex;
align-items: center;
justify-content: center;
flex: 1 1 0;
min-height: 56px;
padding: 8px;
border-radius: 24px 2px;
background: #EFF4FA;
transition-duration: 0.15s;
}
.work-detail__share a:hover,
.portfolio-in__shared a:hover {
background: #121A24;
}
.work-detail__share a:hover img,
.portfolio-in__shared a:hover img {
filter: brightness(0) invert(1);
}
.work-detail__share a + a,
.portfolio-in__shared a + a {
margin-left: 0;
}
.work-detail__share img,
.portfolio-in__shared img {
display: block;
max-width: 28px;
max-height: 28px;
filter: brightness(0);
}
.work-detail__aside {
position: sticky;
top: 120px;
}
.work-detail__aside-title {
margin: 0 0 24px;
font-weight: 600;
font-size: 24px;
line-height: 1.2;
color: #121A24;
}
@media (max-width: 768px) {
.work-detail__aside-title {
margin-bottom: 10px;
}
}
.work-detail__aside-list {
display: flex;
flex-direction: column;
gap: 24px;
}
@media (max-width: 1100px) {
.work-detail__layout {
grid-template-columns: 1fr;
gap: 48px;
}
.work-detail__aside {
position: static;
}
.work-detail__aside-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.work-detail__gallery-wrap .swiper-slide {
height: 420px;
padding-top: 0;
}
.work-detail__title,
.portfolio-in__title {
font-size: 32px;
}
}
@media (max-width: 640px) {
.work-detail {
padding-bottom: 48px;
}
.work-detail__gallery-wrap .swiper-slide {
height: 280px;
padding-top: 0;
}
.work-detail__title,
.portfolio-in__title {
font-size: 24px;
}
.work-detail__section-title,
.portfolio-in__item-title,
.work-detail__scope h2,
.entry-detail .post-content h2 {
font-size: 22px;
}
.work-detail__video,
.portfolio-in__video {
min-height: 240px;
}
.work-detail__aside-list {
grid-template-columns: 1fr 1fr;
}
.work-detail__review .center-reviews__card {
flex-direction: column;
}
.work-detail__review .center-reviews__media {
flex: none;
max-width: none;
width: 100%;
border-radius: 24px 2px 0 0;
}
.work-detail__review .center-reviews__content {
padding: 22px 20px 24px;
}
}
.portfolio-in__init-wrapper {
position: relative;
background-color: #fff;
height: 100%;
}
.portfolio-in__init-wrapper .sub-prev,
.portfolio-in__init-wrapper .sub-next {
position: absolute;
bottom: 0;
z-index: 2;
border-radius: 24px 2px 2px 2px;
}
.portfolio-in__init-wrapper .sub-next {
right: 0;
border-radius: 2px 24px 2px 2px;
}
.portfolio-in__init-wrapper .sub-prev {
right: 80px;
}
.portfolio-in:not(.work-detail__layout) .portfolio-in__init-wrapper .swiper-slide {
height: 485px;
}
.portfolio-in:not(.work-detail__layout) .portfolio-in__init-wrapper .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.portfolio-in:not(.work-detail__layout) {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.portfolio-in:not(.work-detail__layout) .portfolio-in__sidebar {
width: 370px;
position: sticky;
top: 120px;
}
.html-sitemap__grid {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 768px) {
.html-sitemap__grid {
gap: 16px;
}
}
.html-sitemap__group {
min-width: 0;
padding: 32px 28px;
background: #eff4fa;
border-radius: 2px 34px 2px 34px;
}
@media (max-width: 1100px) {
.html-sitemap__group {
padding: 24px 20px;
}
}
.html-sitemap__title {
margin: 0 0 24px;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 120%;
color: #e40825;
}
@media (max-width: 1100px) {
.html-sitemap__title {
font-size: 24px;
margin-bottom: 18px;
}
}
.html-sitemap__list {
margin: 0;
padding: 0;
list-style: none;
column-count: 3;
column-gap: 40px;
}
@media (max-width: 1120px) {
.html-sitemap__list {
column-count: 2;
column-gap: 28px;
}
}
@media (max-width: 768px) {
.html-sitemap__list {
column-count: 1;
}
}
.html-sitemap__item {
margin: 0 0 14px;
break-inside: avoid;
page-break-inside: avoid;
}
.html-sitemap__item:last-child {
margin-bottom: 0;
}
.html-sitemap__list .html-sitemap__list {
margin-top: 12px;
padding-left: 16px;
column-count: 1;
}
.html-sitemap__link {
display: inline-block;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 130%;
color: #121a24;
text-decoration: none;
transition-duration: 0.15s;
}
.html-sitemap__link:hover {
color: #e40825;
}