html {
padding: 0;
margin: 0;
}
body {
font-size: 22px;
color: #FFFFFF;
position: relative;
font-weight: 400;
padding: 0;
margin: 0;
background: #0B1A30;
}
* {
font-family: 'Wix Madefor Text';
box-sizing: border-box;
}
a {
color: #FFFFFF;
}
.alert {
font-size: 20px;
cursor: -webkit-grab;
cursor: grab;
overflow: hidden !important;
color: #000;
font-size: 26px;
}
.fancybox-slide--html .fancybox-close-small {
color: #000000 !important;
}
.fancybox-button svg {
transform: scale(2);
}
.compensate-for-scrollbar {
margin-right: auto !important;
overflow: auto !important;
}
.fancybox-content {
overflow: hidden;
}
input[type="file"] {
display: none;
}
.resp_table {
width: 100%;
}
.resp_table tr td:before {
display: none;
}
.resp_table img {
max-width: 100%;
width: 100%;
display: block;
width: 220px;
}
sup {
display: inline-block;
vertical-align: top;
top: -3px;
position: relative;
font-size: 80%;
}
img {
border-style: none;
vertical-align: middle;
max-width: 100%;
}
select::-ms-expand {
display: none;
}
select::-ms-expand {
display: none;
}
a:hover {
text-decoration: none;
}
.fancybox-type-image .fancybox-close {
right: 9px;
}
.fancybox-close {
background: url(../img/bg_close.png) 50% 50% no-repeat !important;
color: black;
width: 22px !important;
height: 22px !important;
top: -25px !important;
right: -25px !important;
}
.anim {
opacity: 0;
transition: 0.5s;
}
.anim.animated {
opacity: 1;
}
.container {
margin: 0px auto;
padding: 0px 15px;
max-width: 1390px;
width: 100%;
position: relative;
}
@media (max-width: 1680px) {
.container {
width: 1550px;
max-width: 100%;
}
}
@media (max-width: 992px) {
.container {
width: 100%;
padding-right: 50px;
padding-left: 50px;
max-width: 100%;
}
}
@media (max-width: 767px) {
.container {
width: 100%;
max-width: 100%;
padding: 0px 20px;
}
}
.has-danger input,
.has-danger select,
.has-danger textarea {
border-width: 2px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}
#form_popup,
#form_popup2 {
display: none;
}
.popup_container {
width: 420px;
max-width: 100%;
padding: 5px 29px;
overflow: hidden;
position: relative;
box-sizing: border-box;
/* border: 2px solid black; */
background: white;
text-align: center;
padding-bottom: 30px;
overflow: hidden !important;
}
.popup_container .agree_field {
color: black;
font-size: 12px;
text-align: left;
}
.popup_container .agree_field input {
background-color: black !important;
}
.popup_container .agree_field a {
color: black;
}
.popup_container h2 {
font-size: 20px;
font-weight: 700;
/* text-transform: uppercase; */
padding: 0px;
margin: 0px;
padding-bottom: 29px;
text-align: center;
padding-top: 25px;
color: black;
}
.popup_container .form_comment {
text-align: center;
font-size: 20px;
color: #414141;
padding-bottom: 15px;
}
.popup_container .form_comment a {
display: block;
color: #414141;
text-decoration: none;
}
.popup_container .close {
position: absolute;
right: 10px;
top: 10px;
width: 34px;
height: 34px;
-moz-transform: rotate(45deg);
/* Aey Firefox */
-ms-transform: rotate(45deg);
/* Aey IE */
-webkit-transform: rotate(45deg);
/* Aey Safari, Chrome, iOS */
-o-transform: rotate(45deg);
/* Aey Opera */
transform: rotate(45deg);
cursor: pointer;
}
.popup_container .close:before {
content: "";
position: absolute;
left: 0px;
top: 16px;
width: 34px;
height: 1px;
display: block;
background-color: #a8a8a8;
}
.popup_container .close:after {
content: "";
position: absolute;
left: 16px;
top: 0px;
width: 1px;
height: 34px;
display: block;
background-color: #a8a8a8;
}
.popup_container .form-group {}
.popup_container .form-group input[type="text"] {
color: black;
display: block;
height: 56px;
line-height: 56px;
text-decoration: none;
text-align: left;
/* text-transform: uppercase; */
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
outline: none;
background: #f3f3f3;
border: 1px solid #f3f3f3;
padding: 10px;
}
.popup_container .form-group input[type="tel"] {
color: #30363a;
border: 1px solid #30363a;
}
.popup_container .form-group input[type="tel"]::placeholder {
color: #30363a;
}
.popup_container .form-group textarea {
color: black;
display: block;
height: 100px;
text-decoration: none;
text-align: left;
/* text-transform: uppercase; */
margin-bottom: 10px;
width: 100%;
box-sizing: border-box;
outline: none;
background: none;
border: 1px solid #c0c6c9;
padding: 10px;
resize: none;
font-size: 16px;
}
.popup_container .form-group select {
color: #1d1f20;
height: 50px;
border: 1px solid white;
width: 100%;
font-size: 16px;
font-weight: 300;
padding-left: 10px;
height: 38px;
background-color: white;
border-radius: 5px;
border: 1px solid #c0c6c9;
}
.popup_container .form-group select option {}
.popup_container .form-group button {
cursor: pointer;
height: 38px;
font-size: 16px;
font-weight: 700;
height: 60px;
}
.popup_container .form-group button:before {
display: none;
}
.popup_container .form-group button:after {
display: none;
}
.not_agree button {
background-color: #cccccc !important;
cursor: auto !important;
color: white !important;
}
.agree_field {
font-size: 10px;
line-height: 100%;
position: relative;
display: inline-block;
padding-left: 24px;
top: 0px;
color: #FFFFFFB2;
position: relative;
min-height: 18px;
display: flex;
align-items: center;
/* padding-top: 4px; */
}
.agree_field a {
color: #FFFFFFB2;
}
.agree_field input {
appearance: none;
-webkit-appearance: none;
width: 18px;
height: 18px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 4px;
cursor: pointer;
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
vertical-align: middle;
position: absolute;
left: 0;
top: 0;
}
.agree_field input::after {
content: "";
position: absolute;
display: none;
width: 4px;
height: 9px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
margin-top: -2px;
}
.agree_field input:checked {
background-color: rgba(255, 255, 255, 0.15);
}
.agree_field input:checked::after {
display: block;
}
.agree_field span {
margin-top: 2px;
}
.agree_field input:checked+span {}
.popup_container .form-disclamer {
color: #b8b8b8;
font-size: 10px;
padding-top: 10px;
text-align: center;
}
form {}
form .form-group-wrapper {
display: flex;
flex-direction: column;
column-gap: 12px;
row-gap: 6px;
margin-bottom: 16px;
}
form .form-group {
/* margin-bottom: 17px; */
position: relative;
}
form .form-group input[type="tel"],
form .form-group input[type="text"],
form .form-group select,
#filter_table select {
height: 54px;
width: 100%;
font-size: 15px;
box-sizing: border-box;
font-weight: 400;
padding: 0px 20px;
outline: none;
background: transparent;
border-radius: 0px;
border-radius: 8px;
border: 1px solid #B6BCC9;
color: white;
}
form .form-group input[type="tel"]::placeholder,
form .form-group input[type="text"]::placeholder {
color: rgba(192, 192, 192, 1);
}
form .form-group select,
#filter_table select {
appearance: none;
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari and Chrome */
background: url(../img/ico_select.svg) right 10px center no-repeat transparent;
outline: none;
}
form .form-group button {
width: 100%;
cursor: pointer;
outline: none;
}
form .form-group button:hover {}
.form_title {
color: black;
font-size: 36px;
/* text-transform: uppercase; */
padding: 0px;
margin: 0px;
text-align: center;
padding-bottom: 47px;
}
.form_title span {
display: block;
color: #ff0000;
white-space: nowrap;
}
.btn {
color: rgba(255, 255, 255, 1);
box-sizing: border-box;
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
width: 309px;
height: 54px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
outline: none;
border: none;
transition: all 0.3s;
text-align: center;
background: rgba(11, 13, 12, 1);
border-radius: 5px;
position: relative;
overflow: hidden;
border: 1px solid transparent;
/* text-transform: uppercase; */
}
.btn span {
color: rgba(255, 255, 255, 1);
position: relative;
z-index: 2;
}
.btn.white {
background: white;
color: rgba(11, 13, 12, 1);
border: 1px solid rgba(11, 13, 12, 1);
color: #000000;
}
.btn.white span {
color: rgba(11, 13, 12, 1);
}
.btn.transparent {
background: transparent;
color: white;
border: 1px solid white;
}
.btn.transparent span {
color: rgba(11, 13, 12, 1);
}
.btn.blue {
background: rgba(0, 15, 153, 1);
border: 1px solid rgba(0, 15, 153, 1);
}
.btn:hover {
/* background: url("../img/arrow_gr.png") 93% 50% no-repeat #ffffff; */
/* color: #181b1d; */
background: #003567 !important;
color: white !important;
border: 0 !important;
}
/**********************
WEBSITE
**********************/
.rect {
position: relative;
}
.rect:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url('../img/rect.svg');
background-position: 0 0;
background-size: 100% 100%;
background-repeat: no-repeat;
pointer-events: none;
}
.rect.gray:before {
background: url('../img/rect_gray.svg');
}
.title {
font-size: 56px;
font-weight: 700;
text-align: center;
line-height: 113%;
position: relative;
max-width: 100%;
/* overflow-x: hidden; */
display: flex;
align-items: center;
gap: 49px;
/* font-size: 36px; */
/* font-weight: 700; */
text-transform: uppercase;
margin: 0 0 75px 0;
white-space: nowrap;
}
.title::after {
content: "";
display: block;
width: 80px;
height: 2px;
background-color: #3B82F4;
flex-shrink: 0;
}
.title p {
margin: 0;
font-size: 18px;
font-weight: 400;
text-transform: none;
color: rgba(255, 255, 255, 0.4);
order: 2;
line-height: 126%;
text-align: left;
white-space: normal;
}
/**********************
HEADER
**********************/
header {
width: 100%;
position: relative;
z-index: 100;
position: fixed;
color: #151515;
top: 0;
}
header .bg1 {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
background-color: #ffffff;
height: 64px;
background-clip: content-box;
}
header .logo1 {
display: flex;
align-items: center;
margin-left: 12px;
}
header .logo1 img {
display: block;
max-height: 100%;
}
header .top_addr {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
}
header .top_addr img {
display: block;
}
header .top_phone {
display: flex;
align-items: center;
gap: 13px;
text-decoration: none;
color: #151515;
font-size: 18px;
}
header .top_phone img {
display: block;
}
header .popup.btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
width: 168px;
height: 48px;
margin-right: 12px;
}
header .popup.btn span {}
header .m_btn {
display: none;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
}
header .m_btn span {
display: block;
width: 100%;
}
header .bg2 {
width: 100%;
background-color: #FFFFFF99;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
font-size: 15px;
border-radius: 0 0 5px 5px;
background-clip: content-box;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
header .menu {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
header .menu .container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
header .menu1 {
display: flex;
align-items: center;
gap: 39px;
padding-left: 15px;
}
header .menu1 a.anchor {
text-decoration: none;
height: 52px;
display: flex;
align-items: center;
color: #151515;
font-weight: bold;
transition: all 0.5s;
}
header .menu1 a.anchor:hover {
color: #003567;
}
header .menu2 {
display: flex;
align-items: center;
gap: 27px;
padding-right: 15px;
}
header .menu2 a.anchor {
text-decoration: none;
color: #151515;
height: 52px;
display: flex;
align-items: center;
transition: all 0.5s;
}
header .menu2 a.anchor:hover {
text-shadow:
0.5px 0 0 currentColor,
-0.5px 0 0 currentColor,
0 0.5px 0 currentColor,
0 -0.5px 0 currentColor;
}
/**********************
БАННЕР
**********************/
.banner_section {
position: relative;
width: 100%;
overflow: hidden;
color: #151515;
}
.banner_section .banner {
position: relative;
width: 100%;
/* min-height: 100vh; */
display: flex;
align-items: center;
justify-content: center;
}
.banner_section .container {
position: absolute;
/* left: 50%; */
top: 147px;
left: 0;
right: 0;
z-index: 2;
}
.banner_section .title_container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
}
.banner_section .title_wrap {
margin-bottom: 17px;
}
.banner_section .title_date {}
.banner_section .title1 {
font-size: 56px;
font-weight: bold;
text-transform: uppercase;
/* color: #ffffff; */
margin: 0 0 19px 0;
}
.banner_section .title2 {
font-size: 28px;
/* color: #ffffff; */
margin-bottom: 11px;
}
.banner_section .title2 br {}
.banner_section .title2 b {}
.banner_section .title2 span {}
.banner_section .title2 nobr {}
.banner_section .title3 {
font-size: 28px;
/* color: rgba(255, 255, 255, 0.8); */
}
.banner_section .popup.btn {
width: 240px;
max-width: 100%;
}
.banner_section .popup.btn i {}
.banner_section .btn.black {}
.banner_section picture {
/* position: absolute; */
top: 0;
left: 0;
/* width: 100%; */
/* height: 100%; */
z-index: 1;
}
.banner_section picture source {}
.banner_section .banner_bg {
/* width: 100%; */
/* height: 100%; */
object-fit: cover;
object-position: center;
}
/**********************
Таймер
**********************/
/* Родителю с классом .timer_block задаем флекс и выравнивание */
.timer_block {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
/* Темно-синий фон блока как на макете */
padding-top: 30px;
padding-bottom: 32px;
border-radius: 8px;
/* Небольшое скругление самого блока, если нужно */
color: #ffffff;
margin-bottom: 126px;
}
/* Блок самого таймера */
.timer_block .timer {
width: 50%;
max-width: 100%;
padding-right: initial;
display: flex;
justify-content: flex-start;
}
/* Блок с формой и заголовком */
.timer_block .form-wrap {
/* flex-grow: 1; */
/* width: max-content; */
}
/* Заголовок над формой */
.timer_block .timer_title {
font-size: 22px;
font-weight: 700;
/* Bold */
margin-bottom: 23px;
color: #ffffff;
}
/* Контейнер формы */
.timer_block #test_drive_form {
display: flex;
/* flex-wrap: wrap; */
flex-direction: column;
column-gap: 12px;
align-items: flex-start;
}
.timer_block .form-group-wrapper {
display: flex;
flex-direction: row;
column-gap: 12px;
margin-bottom: 12px;
width: 100%;
flex-grow: 1;
}
/* Элементы формы (инпут и кнопка) */
.timer_block .form-group {
/* flex: 1; */
/* min-width: 200px; */
width: 100%;
}
.timer_block .form-group:nth-child(2) {
width: 240px;
flex-shrink: 0;
}
/* Поле ввода телефона */
.timer_block .form-control.nacc {}
.timer_block .form-control.nacc::placeholder {}
.timer_block .form-control.nacc:focus {}
/* Белая кнопка */
.timer_block .form-control.btn.white {}
.timer_block .form-control.btn.white:hover {
background-color: #e5e5e5;
}
/* Текст согласия персональных данных */
.timer_block .agree_field {}
/* Ссылка внутри текста согласия */
.timer_block .agree_field a {}
.timer_block .agree_field a:hover {}
/* Базовый чекбокс */
.timer_block .agree_field input[type="checkbox"] {}
/**********************
Модельный ряд
**********************/
.model_range_section {
/* background-color: #010915; */
color: #ffffff;
margin-bottom: 80px;
}
.model_range_section .container {}
.model_range_section .title1 {}
.model_range_section .title1::after {}
.model_range_section .title1 p {}
.model_range_section .models_grid {
display: flex;
gap: 13px;
width: 100%;
}
.model_range_section .model_tab {
position: relative;
flex: 1;
height: 201px;
background: linear-gradient(180deg, rgba(2, 21, 49, 0.4) 0%, rgba(1, 9, 21, 0.6) 100%);
border: 1px solid rgba(255, 255, 255, 0.05);
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
padding-bottom: 0px;
cursor: pointer;
overflow: hidden;
box-sizing: border-box;
transition: background 0.3s ease, border-color 0.3s ease;
background: #011026;
border: 1px solid #FFFFFF0D;
transition: all 0.5s;
}
.model_range_section .model_tab:hover {
background: linear-gradient(180deg, rgba(2, 21, 49, 0.7) 0%, rgba(1, 9, 21, 0.8) 100%);
border-color: rgba(255, 255, 255, 0.1);
}
.model_range_section .model_tab.active {
/* background: url('../img/rect.svg'); */
/* background-position: 0 0; */
/* background-size: 100% 100%; */
/* background-repeat: no-repeat; */
}
.model_range_section .model_tab:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image: url('../img/rect.svg');
opacity: 0;
transition: all 0.5s;
}
.model_range_section .model_tab:hover:before {
opacity: 1;
}
.model_range_section .model_name_img {
position: absolute;
top: 24px;
left: 50%;
transform: translateX(-50%);
width: 60%;
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
z-index: 1;
opacity: 0.15;
transition: all 0.5s ease;
}
.model_range_section .model_tab:hover .model_name_img {
opacity: 0.35;
}
.model_range_section .model_name_img img {
/* width: 100%; */
/* height: auto; */
object-fit: contain;
}
.model_range_section .model_car_img {
position: relative;
z-index: 2;
max-width: 85%;
height: auto;
object-fit: contain;
transition: transform 0.3s ease;
}
.model_range_section .model_tab:hover .model_car_img {
transform: scale(1.03);
}
/**********************
АВТО
**********************/
.cars_items {
background: #0B1A30;
margin-bottom: 144px;
}
.car_item {
/* background: linear-gradient(90deg, #061630 0%, #0b2246 100%); */
box-sizing: border-box;
margin-bottom: 104px;
}
.car_item .container {}
.car_item .car_wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.car_item .car_info {
width: 45%;
}
.car_item .car_header {
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 41px;
}
.car_item .car_name {
font-size: 44px;
font-weight: 700;
color: #ffffff;
margin: 0;
line-height: 1.1;
}
.car_item .car_bgname {
position: absolute;
top: 10px;
right: 40px;
font-size: 140px;
font-weight: 900;
line-height: 1;
letter-spacing: -2px;
/* Белый текст с очень низкой прозрачностью */
color: rgba(255, 255, 255, 0.05);
user-select: none;
z-index: 1;
}
.car_item .car_price {
font-size: 22px;
font-weight: bold;
color: #ffffff;
padding: 11px 19px;
border-radius: 4px;
background: linear-gradient(90deg, rgba(59, 130, 244, 0) 0%, rgba(59, 130, 244, 0.4) 100%);
height: 52px;
display: flex;
align-items: center;
white-space: nowrap;
}
.car_item .car_props {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
margin-bottom: 37px;
}
.car_item .prop_item {
display: flex;
align-items: center;
gap: 16px;
color: #ffffff;
text-decoration: none;
font-size: 22px;
font-weight: bold;
position: relative;
}
.car_item .prop_item strong {
font-size: 22px;
font-weight: bold;
}
.car_item .prop_item::before {
content: '';
display: block;
width: 34px;
height: 34px;
border-radius: 5px;
border: 1px solid;
border-image-source: linear-gradient(180deg, #0b1a30 0%, #003567 100%);
border-image-slice: 1;
background: linear-gradient(180deg, #013262 0%, #0b1a30 100%);
background-repeat: no-repeat;
background-position: center center;
transition: all 0.5s;
}
.car_item .prop_item:after {
content: '';
display: block;
width: 36px;
height: 36px;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
z-index: 2;
}
.car_item .ico_shield:after {
background-image: url('../img/ico_shield.svg');
}
.car_item .ico_tradein:after {
background-image: url('../img/ico_tradein.svg');
background-position: 51% center;
}
.car_item .ico_gift:after {
background-image: url('../img/ico_gift.svg');
background-position: 56% center;
}
.car_item .ico_doc:after {
background-image: url('../img/ico_doc.svg');
background-position: 64% center;
}
.car_item .prop_item:hover:before {
background: linear-gradient(138.42deg, #0B1A30 13.72%, #003567 58.23%);
border: 1px solid;
border-image-source: linear-gradient(138.42deg, #0B1A30 13.72%, #003567 58.23%);
}
.car_item .car_main_view {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.car_item .car_image {
width: 688px;
}
.car_item .car_image img {
width: 100%;
height: auto;
display: block;
margin-bottom: -4px;
position: relative;
z-index: 3;
}
.car_item .color_picker {
display: flex;
flex-direction: column;
gap: 10px;
margin-left: 62px;
margin-right: 5px;
}
.car_item .color_dot {
width: 18px;
height: 18px;
border-radius: 2px;
cursor: pointer;
/* border: 1px solid rgba(255, 255, 255, 0.3); */
}
.car_item .color_dot.active {
border-color: #ffffff;
}
.car_item .bg {
/*background: url(../img/car_active.svg) 0 0 / 100% 100% no-repeat, #011026 url(../img/car_bg.svg) center bottom no-repeat;*/
background: #011026 url(../img/car_bg.svg) center bottom no-repeat;
padding: 43px;
padding-top: 49px;
padding-bottom: 38px;
margin-bottom: 49px;
}
.car_item .car_btns {
display: flex;
gap: 10px;
}
.car_item .btn {
width: 34%;
}
.car_item .btn.white {}
.car_item .btn.white:hover {}
.car_item .btn.transparent {}
.car_item .btn.transparent:hover {}
.car_item .car_gallery_bottom {
width: 100%;
position: relative;
display: flex;
align-items: center;
}
.car_item .car_swiper {
width: 100%;
position: relative;
/* padding: 0 50px; */
box-sizing: border-box;
order: 2;
}
.car_item .swiper-slide img {
width: 100%;
height: auto;
display: block;
border-radius: 5px;
border: 1px solid #0B1A3033;
}
.car_item .swiper-button-prev,
.car_item .swiper-button-next {
position: static;
display: block;
width: 40px;
height: 40px;
/* top: 50%; */
/* transform: translateY(-50%); */
margin: 0;
background-image: url('../img/car_button_left.svg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: opacity 0.2s;
z-index: 10;
}
.car_item .swiper-button-next {
order: 3;
background-image: url('../img/car_button_right.svg');
}
.car_item .swiper-button-next:after {
display: none;
}
.car_item .swiper-button-prev:after {
display: none;
}
/**********************
АВТО
**********************/
#instock {
background: white;
padding-top: 124px;
padding-bottom: 87px;
color: #151515;
border-radius: 10px;
max-width: 1920px;
margin: 0 auto;
}
#instock .container {}
#instock .title {
color: #151515;
gap: 35px;
margin-bottom: 77px;
}
#instock .title p {
color: #15151599;
}
#instock .title p br {}
#filter_table {
display: flex;
gap: 12px;
margin-bottom: 39px;
}
#filter_table .select_container {
width: 34%;
}
#filter_table .select_container select {
color: black;
}
#filter_table .select_container option {}
#filter_table .select_container::after {}
.tb_complects_container {
width: 100%;
}
.tb_complects {
width: 100%;
border-collapse: collapse;
}
.tb_complects tbody {}
.tb_complects .compl-car-card {}
.tb_complects .compl-car-card.changed {}
.tb_complects .compl-car-card td {
padding-bottom: 24px;
border: none;
}
.tb_complects .aura-card {
display: flex;
gap: 15px;
width: 100%;
align-items: stretch;
}
.tb_complects .bg {
/*background-image: url('../img/complects_active.svg');*/
background-position: 0 0;
background-size: 100% 100%;
background-repeat: no-repeat;
background-color: #1515150D;
padding: 39px 44px;
flex-grow: 1;
display: flex;
align-items: center;
}
.tb_complects .aura-card__side-title {
display: none;
}
.tb_complects .aura-card__side-title span {}
.tb_complects .aura-card__body {
flex-grow: 1;
display: flex;
justify-content: space-between;
gap: 12px;
box-sizing: border-box;
}
.tb_complects .aura-card__image {
flex-shrink: 0;
}
.tb_complects .aura-card__image picture {
display: block;
width: 100%;
height: 100%;
}
.tb_complects .aura-card__image source {}
.tb_complects .aura-card__image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.tb_complects .aura-card__specs {
display: flex;
justify-content: space-between;
gap: 20px;
flex-grow: 1;
align-items: flex-end;
}
.tb_complects .aura-card__specs::after {
content: '';
}
.tb_complects .aura-spec-row {
display: flex;
flex-direction: column;
gap: 4px;
position: relative;
padding-left: 18px;
}
.tb_complects .aura-spec-row::before {
content: '';
position: absolute;
left: 0;
top: 0px;
bottom: 0px;
width: 2px;
background-color: #3b82f6;
}
.tb_complects .aura-spec-label {
font-size: 15px;
color: #0B1A3099;
line-height: 1.2;
order: 2;
}
.tb_complects .aura-spec-label .dot {
display: none;
}
.tb_complects .aura-spec-value {
font-size: 18px;
font-weight: bold;
color: #151515;
line-height: 1.2;
}
.tb_complects .aura-card__btns {
display: flex;
flex-direction: column;
gap: 13px;
width: 240px;
}
.tb_complects .aura-card__text {
flex-grow: 1;
}
.tb_complects .aura-card__body-top {
display: flex;
align-items: center;
gap: 47px;
margin-bottom: 34px;
}
.tb_complects .aura-card__model-logo {
display: flex;
align-items: center;
}
.tb_complects .aura-card__model-logo img {
display: block;
height: auto;
max-width: 100%;
}
.tb_complects .aura-card__badge {
background-color: #2563eb;
color: #ffffff;
font-size: 18px;
font-weight: 600;
padding: 6px 14px;
border-radius: 4px;
text-transform: none;
height: 32px;
display: flex;
align-items: center;
}
.tb_complects .popup.btn {}
.tb_complects .popup.btn.aura-btn.orange {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 44px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
border-radius: 4px;
box-sizing: border-box;
background-color: #0b1a30;
color: #ffffff;
}
.tb_complects .popup.btn.aura-btn.orange.flex {}
.tb_complects .popup.btn.aura-btn.orange.justify-center {}
.tb_complects .popup.btn.aura-btn.orange.items-center {}
.tb_complects .popup.btn.aura-btn.transparent {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 44px;
font-size: 13px;
font-weight: 500;
text-decoration: none;
border-radius: 4px;
box-sizing: border-box;
background-color: transparent;
color: #000000;
border: 1px solid #c8c8c8;
}
.tb_complects .popup.btn.aura-btn.transparent.flex {}
.tb_complects .popup.btn.aura-btn.transparent.justify-center {}
.tb_complects .popup.btn.aura-btn.transparent.items-center {}
.tb_complects .popup.btn span {}
.tb_complects_showmore {
font-size: 15px;
font-weight: 500;
color: #151515;
text-decoration: none;
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDhIOFYxM0M4IDEzLjI2NTIgNy44OTQ2NCAxMy41MTk2IDcuNzA3MTEgMTMuNzA3MUM3LjUxOTU3IDEzLjg5NDYgNy4yNjUyMiAxNCA3IDE0QzYuNzM0NzggMTQgNi40ODA0MyAxMy44OTQ2IDYuMjkyODkgMTMuNzA3MUM2LjEwNTM2IDEzLjUxOTYgNiAxMy4yNjUyIDYgMTNWOEgxQzAuNzM0Nzg0IDggMC40ODA0MyA3Ljg5NDY0IDAuMjkyODkzIDcuNzA3MTFDMC4xMDUzNTcgNy41MTk1NyAwIDcuMjY1MjIgMCA3QzAgNi43MzQ3OCAwLjEwNTM1NyA2LjQ4MDQzIDAuMjkyODkzIDYuMjkyODlDMC40ODA0MyA2LjEwNTM2IDAuNzM0Nzg0IDYgMSA2SDZWMUM2IDAuNzM0Nzg0IDYuMTA1MzYgMC40ODA0MjkgNi4yOTI4OSAwLjI5Mjg5M0M2LjQ4MDQzIDAuMTA1MzU3IDYuNzM0NzggMCA3IDBDNy4yNjUyMiAwIDcuNTE5NTcgMC4xMDUzNTcgNy43MDcxMSAwLjI5Mjg5M0M3Ljg5NDY0IDAuNDgwNDI5IDggMC43MzQ3ODQgOCAxVjZIMTNDMTMuMjY1MiA2IDEzLjUxOTYgNi4xMDUzNiAxMy43MDcxIDYuMjkyODlDMTMuODk0NiA2LjQ4MDQzIDE0IDYuNzM0NzggMTQgN0MxNCA3LjI2NTIyIDEzLjg5NDYgNy41MTk1NyAxMy43MDcxIDcuNzA3MTFDMTMuNTE5NiA3Ljg5NDY0IDEzLjI2NTIgOCAxMyA4WiIgZmlsbD0iIzE1MTUxNSIvPgo8L3N2Zz4K) right center no-repeat;
padding-right: 28px;
margin-top: 16px;
display: inline-block;
}
/**********************
tradein
**********************/
.tradein_section {
background: #010915 url('../img/tradein_bg.jpg') center bottom no-repeat;
background-size: auto 100%;
color: #ffffff;
width: 100%;
height: 985px;
padding-top: 125px;
margin-bottom: 125px;
}
.tradein_section .container {
/* max-width: 1200px; */
/* margin: 0 auto; */
/* padding: 0 15px; */
}
/* Изменено: блочное отображение, элементы внутри будут на всю ширину */
.tradein_section .tradein_header {
display: block;
/* margin-bottom: 38px; */
width: 100%;
}
/* Изменено: заголовок и линия теперь слева, текст справа */
.tradein_section .blocks_title {
margin-bottom: 79px;
}
.tradein_section .blocks_title p {
width: 476px;
max-width: 100%;
display: block;
}
.tradein_section .blocks_title::after {}
.tradein_section .tradein_comment {
font-size: 14px;
font-weight: 400;
color: rgba(255, 255, 255, 0.5);
line-height: 1.4;
display: none;
}
.tradein_section .tradein_comment br {}
.tradein_section #tradein_form {
width: 100%;
margin-bottom: 50px;
}
/* Изменено: добавлен принудительный !important, чтобы перебить Bootstrap */
.tradein_section .form-group-wrapper {
display: flex !important;
flex-direction: row !important;
gap: 15px !important;
width: 100% !important;
margin-bottom: 15px;
}
/* Изменено: принудительное распределение в один ряд */
.tradein_section .form-group {
flex: 1 !important;
width: auto !important;
margin: 0 !important;
position: relative;
}
.tradein_section .form-group select {
appearance: none;
-webkit-appearance: none;
cursor: pointer;
background-image: url(../img/ico_select_white.svg);
}
.tradein_section .form-group select.nacc option {
background-color: #010915;
color: #ffffff;
}
.tradein_section .form-group select.nacc+i {}
.tradein_section .form-control {}
.tradein_section .form-control::placeholder {
color: rgba(255, 255, 255, 0.4);
}
.tradein_section button.form-control.btn {}
.tradein_section button.form-control.btn i {}
.tradein_section .agree_field {}
.tradein_section .agree_field input {}
.tradein_section .agree_field span {}
.tradein_section .agree_field a {
color: rgba(255, 255, 255, 0.4);
text-decoration: underline;
}
.tradein_section .tradein_img_box {
width: 100%;
max-width: 860px;
margin: 0 auto;
position: relative;
padding: 15px;
box-sizing: border-box;
display: none;
}
.tradein_section .corner {
position: absolute;
width: 16px;
height: 16px;
border: 1px solid rgba(255, 255, 255, 0.3);
pointer-events: none;
}
.tradein_section .corner.tl {
top: 0;
left: 0;
border-right: none;
border-bottom: none;
}
.tradein_section .corner.tr {
top: 0;
right: 0;
border-left: none;
border-bottom: none;
}
.tradein_section .corner.bl {
bottom: 0;
left: 0;
border-right: none;
border-top: none;
}
.tradein_section .corner.br {
bottom: 0;
right: 0;
border-left: none;
border-top: none;
}
.tradein_section .tradein_img {
width: 100%;
}
.tradein_section .tradein_img img {
display: block;
width: 100%;
height: auto;
}
/**********************
Testdrive
**********************/
/* Основная секция */
.testdrive_section {
background-color: #0b172a;
color: #ffffff;
/* padding: 60px 0; */
position: relative;
margin-bottom: 166px;
}
.testdrive_section:before {
content: '';
position: absolute;
top: auto;
left: 50%;
right: 0;
bottom: -400px;
background: url(../img/td_circle.svg) center top no-repeat;
width: 1320px;
height: 1320px;
transform: translateX(-50%);
}
.testdrive_section .container {}
/* Заголовок */
.testdrive_section .testdrive_header {
margin-bottom: 40px;
}
.testdrive_header .title {
margin-bottom: 74px;
}
.testdrive_header .title::after {}
.testdrive_header .title p {}
/* Верхний ряд */
.testdrive_section .testdrive_wrapper {
display: flex;
gap: 12px;
align-items: stretch;
margin-bottom: 12px;
}
/* Общие стили карточек с изображениями */
.testdrive_section .testdrive_img {
position: relative;
/* overflow: hidden; */
border-radius: 4px;
flex-shrink: 0;
}
.testdrive_section .testdrive_wrapper .testdrive_img {
/* flex: 0 0 35%; */
flex-shrink: 0;
}
.testdrive_section .testdrive_img .main_img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.testdrive_section .testdrive_img .active_frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
object-fit: fill;
z-index: 2;
}
/* Правый темный блок с градиентом */
.testdrive_section .testdrive_content {
flex: 1;
background: linear-gradient(135deg, #09172e 0%, #040c1a 100%);
border-radius: 4px;
padding: 45px 43px;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
background: url(../img/td_text_bg.svg);
}
/* Тексты правого блока */
.testdrive_section .testdrive_text {
font-size: 22px;
font-weight: bold;
color: #ffffff;
/* margin-bottom: 30px; */
}
.testdrive_section .testdrive_note {
position: relative;
padding-left: 18px;
font-size: 15px;
color: #FFFFFFB2;
/* margin-bottom: 35px; */
border-left: 2px solid #3B82F4;
width: 655px;
max-width: 100%;
}
/* Форма */
.testdrive_section #testdrive_form {}
.testdrive_section .form-group-wrapper {
flex-direction: row;
}
.testdrive_section .form-group {
flex: 1;
}
.testdrive_section .form-group input {
width: 100%;
height: 54px;
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
padding: 0 20px;
color: #ffffff;
font-size: 15px;
outline: none;
transition: border-color 0.3s ease;
}
.testdrive_section .form-group input::placeholder {
color: #64748b;
}
.testdrive_section .form-group input:focus {
border-color: #2563eb;
}
/* Кнопка */
.testdrive_section .btn {
width: 100%;
height: 54px;
border: none;
border-radius: 4px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease, color 0.3s ease;
}
.testdrive_section .btn.white {
background-color: #ffffff;
color: #0f172a;
}
.testdrive_section .btn.white:hover {
background-color: #e2e8f0;
}
.testdrive_section .btn i {}
/* Согласие */
.testdrive_section .agree_field {}
.testdrive_section .agree_field input[type="checkbox"] {
accent-color: #2563eb;
cursor: pointer;
}
.testdrive_section .agree_field a {
color: #64748b;
text-decoration: underline;
}
.testdrive_section .agree_field a:hover {
color: #94a3b8;
}
/* Нижняя сетка */
.testdrive_section .testdrive_bottom_grid {
display: flex;
gap: 13px;
}
/* Текстовая карточка внизу слева */
.testdrive_section .testdrive_info_card {
background: linear-gradient(135deg, #071224 0%, #030a16 100%);
border-radius: 4px;
padding: 44px;
padding-bottom: 38px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 331px;
}
.testdrive_section .testdrive_info_text {
font-size: 22px;
font-weight: 600;
/* line-height: 1.4; */
color: #ffffff;
max-width: 240px;
}
.testdrive_section .testdrive_info_accent {
font-size: 28px;
font-weight: bold;
color: #3B82F4;
}
/**********************
Кредит
**********************/
/* Основная секция */
.credit_section {
/* background-color: #081120; */
color: #ffffff;
/* padding: 60px 0; */
margin-bottom: 164px;
}
/* Заголовок */
.credit_section .credit_header {
margin-bottom: 72px;
}
.credit_section .title {
margin-bottom: 78px;
}
.credit_section .title::after {}
.credit_section .title p {}
/* Баннер на весь блок с фоновой картинкой credit_bg.jpg */
.credit_section .credit_wrapper {
position: relative;
width: 100%;
min-height: 618px;
border-radius: 6px;
background: url('../img/credit_bg.png') no-repeat center center / cover;
display: flex;
align-items: center;
padding: 45px;
box-sizing: border-box;
}
/* Форма с фоном credit_form_bg.svg */
.credit_section .credit_card {
/* position: relative; */
z-index: 5;
width: 556px;
height: 530px;
border-radius: 4px;
box-sizing: border-box;
display: flex;
flex-direction: column;
position: relative;
}
.credit_section .credit_card form {
padding: 44px;
background: url(../img/credit_form_bg.svg) no-repeat center center / cover;
background-color: rgba(9, 23, 46, 0.9);
}
/* Рамка поверх формы credit_active.svg */
.credit_section .credit_card .active_frame {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
pointer-events: none;
object-fit: fill;
z-index: 6;
}
/* Поля ползунков */
.credit_section .form-group {
margin-bottom: 25px;
}
.credit_section .label_row {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 15px;
font-weight: bold;
color: #e2e8f0;
margin-bottom: 8px;
}
.credit_section .range_value_display {
font-size: 22px;
font-weight: bold;
color: #ffffff;
}
.credit_section .range_limits {
display: flex;
justify-content: space-between;
font-size: 11px;
color: #64748b;
margin-top: 6px;
}
/* Инпут + Кнопка в один ряд */
.credit_section .form_row {
display: flex;
gap: 10px;
margin-top: 20px;
margin-bottom: 12px;
}
.credit_section .field_phone {
flex: 1.2;
margin-bottom: 0;
}
.credit_section .field_btn {
flex: 1;
margin-bottom: 0;
}
.credit_section .form-control {}
.credit_section .form-control::placeholder {}
.credit_section .btn.white {}
.credit_section .btn.white:hover {
background-color: #e2e8f0;
}
/* Чекбокс */
.credit_section .form-group_label {
/* margin-bottom: 20px; */
}
.credit_section .agree_field {
font-size: 10px;
color: #8fa0b5;
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
}
.credit_section .agree_field a {
color: #8fa0b5;
text-decoration: underline;
}
/* Нижняя часть формы с плюсами */
.credit_section .credit_advantages {
display: flex;
justify-content: space-between;
gap: 20px;
background: #FFFFFF33;
backdrop-filter: blur(24px);
flex-grow: 1;
padding: 20px 44px;
}
.credit_section .adv_item {
/* flex: 1; */
display: flex;
align-items: center;
gap: 16px;
font-size: 15px;
font-weight: bold;
color: #151515;
line-height: 1.3;
min-width: 45%;
}
.credit_section .icon_card,
.credit_section .icon_calendar {
width: 40px;
height: 40px;
border-radius: 5px;
flex-shrink: 0;
box-sizing: border-box;
border: 1px solid transparent;
background-repeat: no-repeat;
background-position: center center;
}
/* 2. Специфичный background для Иконки Карты */
.credit_section .icon_card {
background:
url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE5IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTYuNTAwNiAwSDIuMzk5NDNDMS43NjMyMiAwLjAwMDc0NzY5MiAxLjE1MzM2IDAuMjUzNzE3IDAuNzAzNTU0IDAuNzAzNTc4QzAuMjUzNzM0IDEuMTUzMzYgMC4wMDA3MTQ0NjIgMS43NjMyMiAwIDIuMzk5NDNWMTEuMTAwNkMwLjAwMDcxNDQ2MiAxMS43MzY4IDAuMjUzNzM0IDEyLjM0NjYgMC43MDM1NTQgMTIuNzk2NEMxLjE1MzM2IDEzLjI0NjMgMS43NjMyMiAxMy40OTkzIDIuMzk5NDMgMTMuNUgxNi41MDA2QzE3LjEzNjggMTMuNDk5MyAxNy43NDY2IDEzLjI0NjMgMTguMTk2NCAxMi43OTY0QzE4LjY0NjMgMTIuMzQ2NiAxOC44OTkzIDExLjczNjggMTguOSAxMS4xMDA2VjIuMzk5NDNDMTguODk5MyAxLjc2MzIyIDE4LjY0NjMgMS4xNTMzNiAxOC4xOTY0IDAuNzAzNTc4QzE3Ljc0NjYgMC4yNTM3MTcgMTcuMTM2OCAwLjAwMDc0NzY5MiAxNi41MDA2IDBaTTIuMzk5NDMgMC44OTk5NzJIMTYuNTAwNkMxNi44OTgxIDAuOTAwNDcgMTcuMjc5MyAxLjA1ODU3IDE3LjU2MDMgMS4zMzk3QzE3Ljg0MTQgMS42MjA3NSAxNy45OTk1IDIuMDAxOSAxOCAyLjM5OTQzVjMuNTk5OTdIMC44OTk5OTdWMi4zOTk0M0MwLjkwMDQ3OSAyLjAwMTkgMS4wNTg2IDEuNjIwNzUgMS4zMzk3IDEuMzM5N0MxLjYyMDc1IDEuMDU4NTcgMi4wMDE5IDAuOTAwNDcgMi4zOTk0MyAwLjg5OTk3MlpNMTYuNTAwNiAxMi42SDIuMzk5NDNDMi4wMDE5IDEyLjU5OTUgMS42MjA3NSAxMi40NDE0IDEuMzM5NyAxMi4xNjAzQzEuMDU4NiAxMS44NzkzIDAuOTAwNDc5IDExLjQ5ODEgMC44OTk5OTcgMTEuMTAwNlY0LjUwMDAzSDE4VjExLjEwMDZDMTcuOTk5NSAxMS40OTgxIDE3Ljg0MTQgMTEuODc5MyAxNy41NjAzIDEyLjE2MDNDMTcuMjc5MyAxMi40NDE0IDE2Ljg5ODEgMTIuNTk5NSAxNi41MDA2IDEyLjZaIiBmaWxsPSJ3aGl0ZSI+PC9wYXRoPgogIDxwYXRoIGQ9Ik02Ljc1MDAxIDkuODk5OUgzLjE1MDA0QzMuMDMwNjYgOS44OTk5IDIuOTE2MTggOS45NDczNCAyLjgzMTg2IDEwLjAzMTdDMi43NDc0NSAxMC4xMTYxIDIuNzAwMDEgMTAuMjMwNSAyLjcwMDAxIDEwLjM0OTlDMi43MDAwMSAxMC40NjkyIDIuNzQ3NDUgMTAuNTgzNyAyLjgzMTg2IDEwLjY2ODFDMi45MTYxOCAxMC43NTI1IDMuMDMwNjYgMTAuNzk5OSAzLjE1MDA0IDEwLjc5OTlINi43NTAwMUM2Ljg2OTM5IDEwLjc5OTkgNi45ODM3OSAxMC43NTI1IDcuMDY4MiAxMC42NjgxQzcuMTUyNiAxMC41ODM3IDcuMjAwMDQgMTAuNDY5MiA3LjIwMDA0IDEwLjM0OTlDNy4yMDAwNCAxMC4yMzA1IDcuMTUyNiAxMC4xMTYxIDcuMDY4MiAxMC4wMzE3QzYuOTgzNzkgOS45NDczNCA2Ljg2OTM5IDkuODk5OSA2Ljc1MDAxIDkuODk5OVoiIGZpbGw9IndoaXRlIj48L3BhdGg+Cjwvc3ZnPgo=") no-repeat center,
linear-gradient(135deg, #013262 27.34%, #0B1A30 103.53%) padding-box,
linear-gradient(138.42deg, #0B1A30 13.72%, #003567 58.23%) border-box;
}
/* 3. Специфичный background для Иконки Календаря */
.credit_section .icon_calendar {
background:
url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNSAxVjNNMTEgMVYzTTEuMTk5OTkgMy41SDE0LjhDMTUuNDYyNyAzLjUgMTYgNC4wMzcyNiAxNiA0LjdWMTMuM0MxNiAxMy45NjI3IDE1LjQ2MjcgMTQuNSAxNC44IDE0LjVIMS4yQzAuNTM3MjU4IDE0LjUgMCAxMy45NjI3IDAgMTMuM1Y0LjdDMCA0LjAzNzI2IDAuNTM3MjU4IDMuNSAxLjIgMy41SDYuOFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KICA8cGF0aCBkPSJNMCA3SDE2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat center / 16px 16px,
linear-gradient(135deg, #013262 27.34%, #0B1A30 103.53%) padding-box,
linear-gradient(138.42deg, #0B1A30 13.72%, #003567 58.23%) border-box;
}
/*
.credit_section .icon_card {
background-image: linear-gradient(135deg, #013262 27.34%, #0B1A30 103.53%), url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE5IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTYuNTAwNiAwSDIuMzk5NDNDMS43NjMyMiAwLjAwMDc0NzY5MiAxLjE1MzM2IDAuMjUzNzE3IDAuNzAzNTU0IDAuNzAzNTc4QzAuMjUzNzM0IDEuMTUzMzYgMC4wMDA3MTQ0NjIgMS43NjMyMiAwIDIuMzk5NDNWMTEuMTAwNkMwLjAwMDcxNDQ2MiAxMS43MzY4IDAuMjUzNzM0IDEyLjM0NjYgMC43MDM1NTQgMTIuNzk2NEMxLjE1MzM2IDEzLjI0NjMgMS43NjMyMiAxMy40OTkzIDIuMzk5NDMgMTMuNUgxNi41MDA2QzE3LjEzNjggMTMuNDk5MyAxNy43NDY2IDEzLjI0NjMgMTguMTk2NCAxMi43OTY0QzE4LjY0NjMgMTIuMzQ2NiAxOC44OTkzIDExLjczNjggMTguOSAxMS4xMDA2VjIuMzk5NDNDMTguODk5MyAxLjc2MzIyIDE4LjY0NjMgMS4xNTMzNiAxOC4xOTY0IDAuNzAzNTc4QzE3Ljc0NjYgMC4yNTM3MTcgMTcuMTM2OCAwLjAwMDc0NzY5MiAxNi41MDA2IDBaTTIuMzk5NDMgMC44OTk5NzJIMTYuNTAwNkMxNi44OTgxIDAuOTAwNDcgMTcuMjc5MyAxLjA1ODU3IDE3LjU2MDMgMS4zMzk3QzE3Ljg0MTQgMS42MjA3NSAxNy45OTk1IDIuMDAxOSAxOCAyLjM5OTQzVjMuNTk5OTdIMC44OTk5OTdWMi4zOTk0M0MwLjkwMDQ3OSAyLjAwMTkgMS4wNTg2IDEuNjIwNzUgMS4zMzk3IDEuMzM5N0MxLjYyMDc1IDEuMDU4NTcgMi4wMDE5IDAuOTAwNDcgMi4zOTk0MyAwLjg5OTk3MlpNMTYuNTAwNiAxMi42SDIuMzk5NDNDMi4wMDE5IDEyLjU5OTUgMS42MjA3NSAxMi40NDE0IDEuMzM5NyAxMi4xNjAzQzEuMDU4NiAxMS44NzkzIDAuOTAwNDc5IDExLjQ5ODEgMC44OTk5OTcgMTEuMTAwNlY0LjUwMDAzSDE4VjExLjEwMDZDMTcuOTk5NSAxMS40OTgxIDE3Ljg0MTQgMTEuODc5MyAxNy41NjAzIDEyLjE2MDNDMTcuMjc5MyAxMi40NDE0IDE2Ljg5ODEgMTIuNTk5NSAxNi41MDA2IDEyLjZaIiBmaWxsPSJ3aGl0ZSI+PC9wYXRoPgogIDxwYXRoIGQ9Ik02Ljc1MDAxIDkuODk5OUgzLjE1MDA0QzMuMDMwNjYgOS44OTk5IDIuOTE2MTggOS45NDczNCAyLjgzMTg2IDEwLjAzMTdDMi43NDc0NSAxMC4xMTYxIDIuNzAwMDEgMTAuMjMwNSAyLjcwMDAxIDEwLjM0OTlDMi43MDAwMSAxMC40NjkyIDIuNzQ3NDUgMTAuNTgzNyAyLjgzMTg2IDEwLjY2ODFDMi45MTYxOCAxMC43NTI1IDMuMDMwNjYgMTAuNzk5OSAzLjE1MDA0IDEwLjc5OTlINi43NTAwMUM2Ljg2OTM5IDEwLjc5OTkgNi45ODM3OSAxMC43NTI1IDcuMDY4MiAxMC42NjgxQzcuMTUyNiAxMC41ODM3IDcuMjAwMDQgMTAuNDY5MiA3LjIwMDA0IDEwLjM0OTlDNy4yMDAwNCAxMC4yMzA1IDcuMTUyNiAxMC4xMTYxIDcuMDY4MiAxMC4wMzE3QzYuOTgzNzkgOS45NDczNCA2Ljg2OTM5IDkuODk5OSA2Ljc1MDAxIDkuODk5OVoiIGZpbGw9IndoaXRlIj48L3BhdGg+Cjwvc3ZnPgo=");
}
.credit_section .icon_calendar {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE5IDE0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTYuNTAwNiAwSDIuMzk5NDNDMS43NjMyMiAwLjAwMDc0NzY5MiAxLjE1MzM2IDAuMjUzNzE3IDAuNzAzNTU0IDAuNzAzNTc4QzAuMjUzNzM0IDEuMTUzMzYgMC4wMDA3MTQ0NjIgMS43NjMyMiAwIDIuMzk5NDNWMTEuMTAwNkMwLjAwMDcxNDQ2MiAxMS43MzY4IDAuMjUzNzM0IDEyLjM0NjYgMC43MDM1NTQgMTIuNzk2NEMxLjE1MzM2IDEzLjI0NjMgMS43NjMyMiAxMy40OTkzIDIuMzk5NDMgMTMuNUgxNi41MDA2QzE3LjEzNjggMTMuNDk5MyAxNy43NDY2IDEzLjI0NjMgMTguMTk2NCAxMi43OTY0QzE4LjY0NjMgMTIuMzQ2NiAxOC44OTkzIDExLjczNjggMTguOSAxMS4xMDA2VjIuMzk5NDNDMTguODk5MyAxLjc2MzIyIDE4LjY0NjMgMS4xNTMzNiAxOC4xOTY0IDAuNzAzNTc4QzE3Ljc0NjYgMC4yNTM3MTcgMTcuMTM2OCAwLjAwMDc0NzY5MiAxNi41MDA2IDBaTTIuMzk5NDMgMC44OTk5NzJIMTYuNTAwNkMxNi44OTgxIDAuOTAwNDcgMTcuMjc5MyAxLjA1ODU3IDE3LjU2MDMgMS4zMzk3QzE3Ljg0MTQgMS42MjA3NSAxNy45OTk1IDIuMDAxOSAxOCAyLjM5OTQzVjMuNTk5OTdIMC44OTk5OTdWMi4zOTk0M0MwLjkwMDQ3OSAyLjAwMTkgMS4wNTg2IDEuNjIwNzUgMS4zMzk3IDEuMzM5N0MxLjYyMDc1IDEuMDU4NTcgMi4wMDE5IDAuOTAwNDcgMi4zOTk0MyAwLjg5OTk3MlpNMTYuNTAwNiAxMi42SDIuMzk5NDNDMi4wMDE5IDEyLjU5OTUgMS42MjA3NSAxMi40NDE0IDEuMzM5NyAxMi4xNjAzQzEuMDU4NiAxMS44NzkzIDAuOTAwNDc5IDExLjQ5ODEgMC44OTk5OTcgMTEuMTAwNlY0LjUwMDAzSDE4VjExLjEwMDZDMTcuOTk5NSAxMS40OTgxIDE3Ljg0MTQgMTEuODc5MyAxNy41NjAzIDEyLjE2MDNDMTcuMjc5MyAxMi40NDE0IDE2Ljg5ODEgMTIuNTk5NSAxNi41MDA2IDEyLjZaIiBmaWxsPSJ3aGl0ZSI+PC9wYXRoPgogIDxwYXRoIGQ9Ik02Ljc1MDAxIDkuODk5OUgzLjE1MDA0QzMuMDMwNjYgOS44OTk5IDIuOTE2MTggOS45NDczNCAyLjgzMTg2IDEwLjAzMTdDMi43NDc0NSAxMC4xMTYxIDIuNzAwMDEgMTAuMjMwNSAyLjcwMDAxIDEwLjM0OTlDMi43MDAwMSAxMC40NjkyIDIuNzQ3NDUgMTAuNTgzNyAyLjgzMTg2IDEwLjY2ODFDMi45MTYxOCAxMC43NTI1IDMuMDMwNjYgMTAuNzk5OSAzLjE1MDA0IDEwLjc5OTlINi43NTAwMUM2Ljg2OTM5IDEwLjc5OTkgNi45ODM3OSAxMC43NTI1IDcuMDY4MiAxMC42NjgxQzcuMTUyNiAxMC41ODM3IDcuMjAwMDQgMTAuNDY5MiA3LjIwMDA0IDEwLjM0OTlDNy4yMDAwNCAxMC4yMzA1IDcuMTUyNiAxMC4xMTYxIDcuMDY4MiAxMC4wMzE3QzYuOTgzNzkgOS45NDczNCA2Ljg2OTM5IDkuODk5OSA2Ljc1MDAxIDkuODk5OVoiIGZpbGw9IndoaXRlIj48L3BhdGg+Cjwvc3ZnPgo=");
}*/
/* Основной контейнер слайдера */
.irs {}
/* Линия-трек (серый подстилающий фон) */
.irs-line {
background: #808892 !important;
height: 2px !important;
}
/* Выделенная заполненная полоса (прогресс) */
.irs-bar {}
.irs-bar--single {
background: white !important;
height: 2px !important;
}
/* Ползунок (бегунок) */
.irs-handle {}
.irs-handle.single {
top: 18px !important;
}
/* Внутренние линии/иконка внутри ползунка (при наличии) */
.irs-handle i {
display: none !important;
}
/* Всплывающая подсказка с текущим значением (тултип) */
.irs-single {
background-color: white !important;
color: black !important;
top: 0px !important;
}
.irs-single:before {
border-top-color: white !important;
bottom: -4px !important;
}
/* Подсказки диапазона (Минимальное и Максимальное значения) */
.irs-min {}
.irs-max {}
/* Подсказки "От" и "До" (для двойных слайдеров) */
.irs-from {}
.irs-to {}
/* Шкала с делениями */
.irs-grid {}
/* Тень под бегунком */
.irs-shadow {}
/**********************
Преимущества
**********************/
/* Основная секция */
.advantages_section {
color: #ffffff;
/* padding: 60px 0; */
margin-bottom: 168px;
}
.advantages_section .container {}
/* Заголовок */
.advantages_section .advantages_header {
margin-bottom: 40px;
}
.advantages_section .title {}
.advantages_section .title::after {}
.advantages_section .title p {}
/* Обертка для фонового текста */
.advantages_section .advantages_wrapper {
position: relative;
}
/* Фоновый текст: точные размеры и перенос из макета */
.advantages_section .advantages_bg_text {
position: absolute;
bottom: -95px;
left: 0;
transform: translateY(-50%);
font-size: 73px;
font-weight: bold;
color: #FFFFFF1A;
text-transform: uppercase;
/* letter-spacing: 2px; */
line-height: 135%;
pointer-events: none;
z-index: 0;
user-select: none;
}
/* Сетка: узкий центр (1.3fr) и широкие края (2fr 2fr) */
.advantages_section .advantages_grid {
display: flex;
gap: 12px;
position: relative;
z-index: 1;
}
.advantages_section .card_1 {
grid-area: c1;
}
.advantages_section .card_2 {
grid-area: c2;
}
.advantages_section .card_34 {
padding: 0 !important;
margin: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
width: 25%;
}
.advantages_section .card_3 {
width: 100% !important;
}
.advantages_section .card_4 {
width: 100% !important;
}
/* Карточка */
.advantages_section .advantages_card {
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: 5px;
padding: 44px;
padding-bottom: 39px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 25%;
height: 209px;
background: #011026;
backdrop-filter: blur(24px);
}
.advantages_section .advantages_num {
width: 45px;
height: 45px;
background-color: #ffffff;
color: #3B82F4;
font-weight: bold;
font-size: 28px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.advantages_section .advantages_text {
font-size: 18px;
font-weight: 600;
color: #ffffff;
line-height: 134%;
}
/* Центральная картинка */
.advantages_section .advantages_img {
grid-area: img;
position: relative;
border-radius: 4px;
overflow: hidden;
height: 100%;
/* flex-shrink: 0; */
width: 25%;
}
.advantages_section .advantages_img .main_img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.advantages_section .advantages_img .active_frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
object-fit: fill;
z-index: 2;
}
/**********************
Контакты
**********************/
/* Основная секция */
.contacts_section {
/* background-color: #0b172a; */
/* color: #ffffff; */
height: 688px;
position: relative;
}
.contacts_section .container {}
/* Заголовок */
.contacts_section .contacts_header {
margin-bottom: 40px;
}
.contacts_section .title {
display: flex;
align-items: center;
gap: 20px;
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
color: #ffffff;
}
.contacts_section .title::after {
content: '';
display: inline-block;
width: 60px;
height: 2px;
background-color: #2563eb;
margin-right: 15px;
}
.contacts_section .title p {
display: inline-block;
font-size: 15px;
font-weight: 400;
color: #94a3b8;
text-transform: none;
letter-spacing: normal;
margin: 0;
}
/* Обертка для карты и наложенной карточки */
.contacts_section .contacts_wrapper {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
border-radius: 4px;
overflow: hidden;
z-index: 2;
pointer-events: none;
}
/* Контейнер для Яндекс.Карты */
.contacts_section #map1 {
width: 100%;
height: 100%;
}
/* Наложенная карточка */
.contacts_section .contacts_card {
/* position: absolute; */
top: 40px;
left: 40px;
width: 406px;
height: 415px;
-webkit-backdrop-filter: blur(24px);
border-radius: 8px;
/* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); */
overflow: hidden;
z-index: 10;
pointer-events: all;
background: #FFFFFF33;
backdrop-filter: blur(24px);
color: #151515;
}
/* Верхний лого-блок */
.contacts_section .contacts_logo_block {
background-color: #0B1A30;
padding: 32px 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.contacts_section .contacts_logo {
max-width: 100%;
height: auto;
max-height: 40px;
display: block;
}
/* Основная информация */
.contacts_section .contacts_info {
padding: 39px 30px 15px 44px;
display: flex;
flex-direction: column;
gap: 16px;
padding-bottom: 38px;
}
.contacts_section .contacts_item {
display: flex;
align-items: center;
gap: 16px;
font-size: 15px;
font-weight: 600;
}
.contacts_section .contacts_item a {
color: #151515;
text-decoration: none;
transition: color 0.2s ease;
font-size: 18px;
font-weight: bold;
}
.contacts_section .contacts_item a:hover {
color: #2563eb;
}
/* Иконки для контактов */
.contacts_section .icon_phone,
.contacts_section .icon_pin,
.contacts_section .icon_clock {
width: 24px;
height: 24px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
flex-shrink: 0;
}
.contacts_section .icon_phone {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjAwMDQgMTUuMDA4NEwxMS44MDk0IDE1LjAyOTZMMTEuNjExNCAxNS4wODYxTDExLjQ0ODggMTUuMTc4MUMxMS4zMTI1IDE1LjI2OSAxMS4yMDA1IDE1LjM5MiAxMS4xMjI4IDE1LjUzNjFDMTEuMDQ1MiAxNS42ODA0IDExLjAwNDEgMTUuODQxNSAxMS4wMDMzIDE2LjAwNTRDMTAuOTk3NSAxNi4xMzk0IDExLjAyNDIgMTYuMjcyOSAxMS4wODExIDE2LjM5NDNDMTEuMTI4NCAxNi41MTYzIDExLjIwMDYgMTYuNjI3MiAxMS4yOTMxIDE2LjcxOTdDMTEuMzg1NyAxNi44MTIzIDExLjQ5NjUgMTYuODg0NSAxMS42MTg1IDE2LjkzMTdDMTEuODY0NCAxNy4wMjU2IDEyLjEzNjMgMTcuMDI1NyAxMi4zODIyIDE2LjkzMTdDMTIuNTAzNSAxNi44ODMgMTIuNjE0IDE2LjgxMDkgMTIuNzA3NSAxNi43MTk2QzEyLjgwMDMgMTYuNjIzMiAxMi44NzQ2IDE2LjUxMDUgMTIuOTI2NyAxNi4zODcyQzEyLjk3ODcgMTYuMjY2OSAxMy4wMDI5IDE2LjEzNjMgMTIuOTk3NCAxNi4wMDU0QzEyLjk5OSAxNS44NzQ4IDEyLjk3NSAxNS43NDUgMTIuOTI2NyAxNS42MjM1QzEyLjg3NSAxNS41MDQzIDEyLjgwMDUgMTUuMzk2MSAxMi43MDc1IDE1LjMwNTNDMTIuNjE3MiAxNS4yMTAyIDEyLjUwNTcgMTUuMTM3NiAxMi4zODIyIDE1LjA5MzJDMTIuMjYyNCAxNS4wMzgyIDEyLjEzMjIgMTUuMDA5MyAxMi4wMDA0IDE1LjAwODRaTTMuNzA2MDIgMTUuNzIyNkMzLjc5OTE4IDE1LjYyODYgMy44NzI3OSAxNS41MTcxIDMuOTIyNTcgMTUuMzk0NUMzLjk3MjI5IDE1LjI3MiAzLjk5NzI2IDE1LjE0MDcgMy45OTU5MyAxNS4wMDg0VjkuMDEyMTNDMy45OTUxOCA4Ljc0NzkgMy44ODk4NSA4LjQ5NDc5IDMuNzAzMDUgOC4zMDc5OUMzLjUxNjI0IDguMTIxMTggMy4yNjMxMyA4LjAxNTg1IDIuOTk4OTEgOC4wMTUxMUMyLjczNDcgOC4wMTU5MiAyLjQ4MTU5IDguMTIxMTcgMi4yOTQ3OCA4LjMwNzk5QzIuMTA3OTYgOC40OTQ4MSAyLjAwMjcxIDguNzQ3OTIgMi4wMDE4OSA5LjAxMjEzVjE1LjAwODRDMi4wMDI3MSAxNS4yNzI1IDIuMTA3OTcgMTUuNTI1NyAyLjI5NDc4IDE1LjcxMjVDMi40ODE1OCAxNS44OTkzIDIuNzM0NzYgMTYuMDA0NiAyLjk5ODkxIDE2LjAwNTRDMy4yNjI2NyAxNi4wMDgxIDMuNTE2ODMgMTUuOTA2NCAzLjcwNjAyIDE1LjcyMjZaTTIxLjAwMTggOC4wMTUwOEMyMC43Mzc3IDguMDE1OSAyMC40ODQ1IDguMTIxMTUgMjAuMjk3NyA4LjMwNzk2QzIwLjExMDkgOC40OTQ3NiAyMC4wMDU2IDguNzQ3OTQgMjAuMDA0OCA5LjAxMjFWMTUuMDA4NEMyMC4wMDQgMTUuMjA2MiAyMC4wNjE5IDE1LjM5OTcgMjAuMTcxMSAxNS41NjQ2QzIwLjI4MDIgMTUuNzI5NSAyMC40MzU5IDE1Ljg1ODQgMjAuNjE4MyAxNS45MzQ4QzIwLjgwMDcgMTYuMDExMiAyMS4wMDE3IDE2LjAzMTggMjEuMTk1OCAxNS45OTQxQzIxLjM5IDE1Ljk1NjQgMjEuNTY4NSAxNS44NjE4IDIxLjcwODkgMTUuNzIyNUMyMS44MDIxIDE1LjYyODYgMjEuODc1NyAxNS41MTcxIDIxLjkyNTUgMTUuMzk0NUMyMS45NzUzIDE1LjI3MTkgMjIuMDAwMiAxNS4xNDA3IDIxLjk5ODggMTUuMDA4NEwyMi4wMzQyIDkuMDQ3NDVDMjIuMDM4NyA4LjkxMDY5IDIyLjAxNTEgOC43NzQ0IDIxLjk2NDggOC42NDcxNUMyMS45MTQ1IDguNTE5ODQgMjEuODM4NyA4LjQwNDIzIDIxLjc0MTkgOC4zMDc0MkMyMS42NDUxIDguMjEwNjkgMjEuNTI5NSA4LjEzNDgyIDIxLjQwMjIgOC4wODQ1MUMyMS4yNzQ5IDguMDM0MiAyMS4xMzg3IDguMDEwNjIgMjEuMDAxOCA4LjAxNTA4Wk0xNy4xMTk4IDMuODkyNjdDMTYuNTU5OCAzLjMyOTg4IDE1Ljc5OTUgMy4wMTIwMyAxNS4wMDU2IDMuMDA4NzlMOC45OTUxOCAzLjAwODc5QzguMjA2NTUgMy4wMjk0OSA3LjQ1NTkzIDMuMzUyIDYuODk4MSAzLjkwOTg0QzYuMzQwMjYgNC40Njc2OCA2LjAxNzc2IDUuMjE4MjggNS45OTcwNSA2LjAwNjkyTDUuOTk3MDIgMTguMDEzNkM1Ljk5NzUxIDE4LjgwODYgNi4zMTM1MiAxOS41NzA5IDYuODc1NjcgMjAuMTMzQzcuNDM3ODIgMjAuNjk1MiA4LjIwMDE1IDIxLjAxMTIgOC45OTUxNSAyMS4wMTE3SDE1LjAwNTZDMTUuODAwNiAyMS4wMTEyIDE2LjU2MjkgMjAuNjk1MiAxNy4xMjUgMjAuMTMzQzE3LjY4NzIgMTkuNTcwOSAxOC4wMDMyIDE4LjgwODYgMTguMDAzNyAxOC4wMTM2VjYuMDA2ODlDMTguMDAwNCA1LjIxMjk1IDE3LjY4MjYgNC40NTI3IDE3LjExOTggMy44OTI2N1pNMTYuMDAyNiA2LjAxMzk2TDE2LjAwMjYgMTguMDA2NUMxNi4wMDMxIDE4LjEzODYgMTUuOTc3NSAxOC4yNjk0IDE1LjkyNzMgMTguMzkxNEMxNS44NzcgMTguNTEzNSAxNS44MDMgMTguNjI0NCAxNS43MDk3IDE4LjcxNzdDMTUuNjE2NCAxOC44MTEgMTUuNTA1NSAxOC44ODUgMTUuMzgzNCAxOC45MzUzQzE1LjI2MTQgMTguOTg1NiAxNS4xMzA2IDE5LjAxMTIgMTQuOTk4NSAxOS4wMTA2SDkuMDAyMjJDOC44NzAyOCAxOS4wMTEyIDguNzM5NDYgMTguOTg1NiA4LjYxNzM0IDE4LjkzNTNDOC40OTUzIDE4Ljg4NTEgOC4zODQzNSAxOC44MTEgOC4yOTEwMSAxOC43MTc3QzguMTk3NjggMTguNjI0NCA4LjEyMzcxIDE4LjUxMzUgOC4wNzM1MSAxOC4zOTE0QzguMDIzMjMgMTguMjY5MyA3Ljk5NzY0IDE4LjEzODUgNy45OTgxMyAxOC4wMDY1TDcuOTk4MTYgNi4wMTM5OUM3Ljk5NzY0IDUuODgxOTUgOC4wMjMyNCA1Ljc1MTE0IDguMDczNDcgNS42MjkxMkM4LjEyMzc3IDUuNTA3MDMgOC4xOTc3IDUuMzk2MTIgOC4yOTEwNCA1LjMwMjc5QzguMzg0MzkgNS4yMDk0NCA4LjQ5NTMgNS4xMzU1IDguNjE3MzYgNS4wODUyM0M4LjczOTQyIDUuMDM0OTUgOC44NzAyNCA1LjAwOTM2IDkuMDAyMjUgNS4wMDk5SDE0Ljk5ODVDMTUuMTMwNSA1LjAwOTM2IDE1LjI2MTMgNS4wMzQ5NiAxNS4zODM0IDUuMDg1MjNDMTUuNTA1NSA1LjEzNTUgMTUuNjE2NCA1LjIwOTQzIDE1LjcwOTcgNS4zMDI3OEMxNS44MDMgNS4zOTYwOSAxNS44NzcgNS41MDcwNyAxNS45MjczIDUuNjI5MDlDMTUuOTc3NiA1Ljc1MTE5IDE2LjAwMzIgNS44ODIgMTYuMDAyNiA2LjAxMzk2WiIgZmlsbD0iIzE1MTUxNSIvPgo8L3N2Zz4K");
}
.contacts_section .icon_pin {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjIyNTMgMTEuMTEyNkMxOS4yMjUzIDE0LjIwMzggMTQuODIwOSAxOC4xNTU3IDEyLjk0MzkgMTkuNjk5NUMxMi40NTY4IDIwLjEwMDIgMTEuNzY4NSAyMC4xMDAyIDExLjI4MTQgMTkuNjk5NUM5LjQwNDM4IDE4LjE1NTcgNSAxNC4yMDM4IDUgMTEuMTEyNkM1IDcuMTg0NDMgOC4xODQ0MyA0IDEyLjExMjYgNEMxNi4wNDA4IDQgMTkuMjI1MyA3LjE4NDQzIDE5LjIyNTMgMTEuMTEyNloiIHN0cm9rZT0iIzE1MTUxNSIgc3Ryb2tlLXdpZHRoPSIyIi8+CjxwYXRoIGQ9Ik0xNC4yNDY0IDExLjExMjNDMTQuMjQ2NCAxMi4yOTA4IDEzLjI5MTEgMTMuMjQ2MSAxMi4xMTI2IDEzLjI0NjFDMTAuOTM0MiAxMy4yNDYxIDkuOTc4ODUgMTIuMjkwOCA5Ljk3ODg1IDExLjExMjNDOS45Nzg4NSA5LjkzMzg1IDEwLjkzNDIgOC45Nzg1MiAxMi4xMTI2IDguOTc4NTJDMTMuMjkxMSA4Ljk3ODUyIDE0LjI0NjQgOS45MzM4NSAxNC4yNDY0IDExLjExMjNaIiBzdHJva2U9IiMxNTE1MTUiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K");
}
.contacts_section .icon_clock {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgNC41SDE4QzE4LjkyODMgNC41IDE5LjgxODIgNC44NjkwMSAyMC40NzQ2IDUuNTI1MzlDMjEuMTMxIDYuMTgxNzcgMjEuNSA3LjA3MTc0IDIxLjUgOFYxOEMyMS41IDE4LjkyODMgMjEuMTMxIDE5LjgxODIgMjAuNDc0NiAyMC40NzQ2QzE5LjgxODIgMjEuMTMxIDE4LjkyODMgMjEuNSAxOCAyMS41SDZDNS4wNzE3NCAyMS41IDQuMTgxNzcgMjEuMTMxIDMuNTI1MzkgMjAuNDc0NkMyLjg2OTAxIDE5LjgxODIgMi41IDE4LjkyODMgMi41IDE4VjhDMi41IDcuMDcxNzQgMi44NjkwMSA2LjE4MTc3IDMuNTI1MzkgNS41MjUzOUM0LjE4MTc3IDQuODY5MDEgNS4wNzE3NCA0LjUgNiA0LjVaTTYgNS41QzUuMzM2OTYgNS41IDQuNzAxMjYgNS43NjM1OCA0LjIzMjQyIDYuMjMyNDJDMy43NjM1OCA2LjcwMTI2IDMuNSA3LjMzNjk2IDMuNSA4VjE4QzMuNSAxOC42NjMgMy43NjM1OCAxOS4yOTg3IDQuMjMyNDIgMTkuNzY3NkM0LjcwMTI2IDIwLjIzNjQgNS4zMzY5NiAyMC41IDYgMjAuNUgxOEMxOC42NjMgMjAuNSAxOS4yOTg3IDIwLjIzNjQgMTkuNzY3NiAxOS43Njc2QzIwLjIzNjQgMTkuMjk4NyAyMC41IDE4LjY2MyAyMC41IDE4VjhDMjAuNSA3LjMzNjk2IDIwLjIzNjQgNi43MDEyNiAxOS43Njc2IDYuMjMyNDJDMTkuMjk4NyA1Ljc2MzU4IDE4LjY2MyA1LjUgMTggNS41SDZaIiBmaWxsPSIjMTUxNTE1IiBzdHJva2U9IiMxNTE1MTUiLz4KPHBhdGggZD0iTTQgOS41SDIwQzIwLjEzMjYgOS41IDIwLjI1OTcgOS41NTI3MiAyMC4zNTM1IDkuNjQ2NDhDMjAuNDQ3MyA5Ljc0MDI1IDIwLjUgOS44NjczOSAyMC41IDEwQzIwLjUgMTAuMTMyNiAyMC40NDczIDEwLjI1OTcgMjAuMzUzNSAxMC4zNTM1QzIwLjI1OTcgMTAuNDQ3MyAyMC4xMzI2IDEwLjUgMjAgMTAuNUg0QzMuODY3MzkgMTAuNSAzLjc0MDI1IDEwLjQ0NzMgMy42NDY0OCAxMC4zNTM1QzMuNTUyNzIgMTAuMjU5NyAzLjUgMTAuMTMyNiAzLjUgMTBDMy41IDkuODY3MzkgMy41NTI3MiA5Ljc0MDI1IDMuNjQ2NDggOS42NDY0OEMzLjc0MDI1IDkuNTUyNzIgMy44NjczOSA5LjUgNCA5LjVaTTggMi41QzguMTMyNjEgMi41IDguMjU5NzUgMi41NTI3MiA4LjM1MzUyIDIuNjQ2NDhDOC40NDcyOCAyLjc0MDI1IDguNSAyLjg2NzM5IDguNSAzVjdDOC41IDcuMTMyNjEgOC40NDcyOCA3LjI1OTc1IDguMzUzNTIgNy4zNTM1MkM4LjI1OTc1IDcuNDQ3MjggOC4xMzI2MSA3LjUgOCA3LjVDNy44NjczOSA3LjUgNy43NDAyNSA3LjQ0NzI4IDcuNjQ2NDggNy4zNTM1MkM3LjU1MjcyIDcuMjU5NzUgNy41IDcuMTMyNjEgNy41IDdWM0M3LjUgMi44NjczOSA3LjU1MjcyIDIuNzQwMjUgNy42NDY0OCAyLjY0NjQ4QzcuNzE2ODkgMi41NzYwOCA3LjgwNjExIDIuNTI4OTQgNy45MDIzNCAyLjUwOTc3TDggMi41Wk0xNiAyLjVDMTYuMTMyNiAyLjUgMTYuMjU5NyAyLjU1MjcyIDE2LjM1MzUgMi42NDY0OEMxNi40NDczIDIuNzQwMjUgMTYuNSAyLjg2NzM5IDE2LjUgM1Y3QzE2LjUgNy4xMzI2MSAxNi40NDczIDcuMjU5NzUgMTYuMzUzNSA3LjM1MzUyQzE2LjI1OTcgNy40NDcyOCAxNi4xMzI2IDcuNSAxNiA3LjVDMTUuODY3NCA3LjUgMTUuNzQwMyA3LjQ0NzI4IDE1LjY0NjUgNy4zNTM1MkMxNS41NTI3IDcuMjU5NzUgMTUuNSA3LjEzMjYxIDE1LjUgN1YzQzE1LjUgMi44NjczOSAxNS41NTI3IDIuNzQwMjUgMTUuNjQ2NSAyLjY0NjQ4QzE1Ljc0MDMgMi41NTI3MiAxNS44Njc0IDIuNSAxNiAyLjVaIiBmaWxsPSIjMTUxNTE1IiBzdHJva2U9IiMxNTE1MTUiLz4KPHBhdGggZD0iTTggMTNDOCAxMy4yNjUyIDcuODk0NjQgMTMuNTE5NiA3LjcwNzExIDEzLjcwNzFDNy41MTk1NyAxMy44OTQ2IDcuMjY1MjIgMTQgNyAxNEM2LjczNDc4IDE0IDYuNDgwNDMgMTMuODk0NiA2LjI5Mjg5IDEzLjcwNzFDNi4xMDUzNiAxMy41MTk2IDYgMTMuMjY1MiA2IDEzQzYgMTIuNzM0OCA2LjEwNTM2IDEyLjQ4MDQgNi4yOTI4OSAxMi4yOTI5QzYuNDgwNDMgMTIuMTA1NCA2LjczNDc4IDEyIDcgMTJDNy4yNjUyMiAxMiA3LjUxOTU3IDEyLjEwNTQgNy43MDcxMSAxMi4yOTI5QzcuODk0NjQgMTIuNDgwNCA4IDEyLjczNDggOCAxM1pNOCAxN0M4IDE3LjI2NTIgNy44OTQ2NCAxNy41MTk2IDcuNzA3MTEgMTcuNzA3MUM3LjUxOTU3IDE3Ljg5NDYgNy4yNjUyMiAxOCA3IDE4QzYuNzM0NzggMTggNi40ODA0MyAxNy44OTQ2IDYuMjkyODkgMTcuNzA3MUM2LjEwNTM2IDE3LjUxOTYgNiAxNy4yNjUyIDYgMTdDNiAxNi43MzQ4IDYuMTA1MzYgMTYuNDgwNCA2LjI5Mjg5IDE2LjI5MjlDNi40ODA0MyAxNi4xMDU0IDYuNzM0NzggMTYgNyAxNkM3LjI2NTIyIDE2IDcuNTE5NTcgMTYuMTA1NCA3LjcwNzExIDE2LjI5MjlDNy44OTQ2NCAxNi40ODA0IDggMTYuNzM0OCA4IDE3Wk0xMyAxM0MxMyAxMy4yNjUyIDEyLjg5NDYgMTMuNTE5NiAxMi43MDcxIDEzLjcwNzFDMTIuNTE5NiAxMy44OTQ2IDEyLjI2NTIgMTQgMTIgMTRDMTEuNzM0OCAxNCAxMS40ODA0IDEzLjg5NDYgMTEuMjkyOSAxMy43MDcxQzExLjEwNTQgMTMuNTE5NiAxMSAxMy4yNjUyIDExIDEzQzExIDEyLjczNDggMTEuMTA1NCAxMi40ODA0IDExLjI5MjkgMTIuMjkyOUMxMS40ODA0IDEyLjEwNTQgMTEuNzM0OCAxMiAxMiAxMkMxMi4yNjUyIDEyIDEyLjUxOTYgMTIuMTA1NCAxMi43MDcxIDEyLjI5MjlDMTIuODk0NiAxMi40ODA0IDEzIDEyLjczNDggMTMgMTNaTTEzIDE3QzEzIDE3LjI2NTIgMTIuODk0NiAxNy41MTk2IDEyLjcwNzEgMTcuNzA3MUMxMi41MTk2IDE3Ljg5NDYgMTIuMjY1MiAxOCAxMiAxOEMxMS43MzQ4IDE4IDExLjQ4MDQgMTcuODk0NiAxMS4yOTI5IDE3LjcwNzFDMTEuMTA1NCAxNy41MTk2IDExIDE3LjI2NTIgMTEgMTdDMTEgMTYuNzM0OCAxMS4xMDU0IDE2LjQ4MDQgMTEuMjkyOSAxNi4yOTI5QzExLjQ4MDQgMTYuMTA1NCAxMS43MzQ4IDE2IDEyIDE2QzEyLjI2NTIgMTYgMTIuNTE5NiAxNi4xMDU0IDEyLjcwNzEgMTYuMjkyOUMxMi44OTQ2IDE2LjQ4MDQgMTMgMTYuNzM0OCAxMyAxN1pNMTggMTNDMTggMTMuMjY1MiAxNy44OTQ2IDEzLjUxOTYgMTcuNzA3MSAxMy43MDcxQzE3LjUxOTYgMTMuODk0NiAxNy4yNjUyIDE0IDE3IDE0QzE2LjczNDggMTQgMTYuNDgwNCAxMy44OTQ2IDE2LjI5MjkgMTMuNzA3MUMxNi4xMDU0IDEzLjUxOTYgMTYgMTMuMjY1MiAxNiAxM0MxNiAxMi43MzQ4IDE2LjEwNTQgMTIuNDgwNCAxNi4yOTI5IDEyLjI5MjlDMTYuNDgwNCAxMi4xMDU0IDE2LjczNDggMTIgMTcgMTJDMTcuMjY1MiAxMiAxNy41MTk2IDEyLjEwNTQgMTcuNzA3MSAxMi4yOTI5QzE3Ljg5NDYgMTIuNDgwNCAxOCAxMi43MzQ4IDE4IDEzWk0xOCAxN0MxOCAxNy4yNjUyIDE3Ljg5NDYgMTcuNTE5NiAxNy43MDcxIDE3LjcwNzFDMTcuNTE5NiAxNy44OTQ2IDE3LjI2NTIgMTggMTcgMThDMTYuNzM0OCAxOCAxNi40ODA0IDE3Ljg5NDYgMTYuMjkyOSAxNy43MDcxQzE2LjEwNTQgMTcuNTE5NiAxNiAxNy4yNjUyIDE2IDE3QzE2IDE2LjczNDggMTYuMTA1NCAxNi40ODA0IDE2LjI5MjkgMTYuMjkyOUMxNi40ODA0IDE2LjEwNTQgMTYuNzM0OCAxNiAxNyAxNkMxNy4yNjUyIDE2IDE3LjUxOTYgMTYuMTA1NCAxNy43MDcxIDE2LjI5MjlDMTcuODk0NiAxNi40ODA0IDE4IDE2LjczNDggMTggMTdaIiBmaWxsPSIjMTUxNTE1Ii8+Cjwvc3ZnPgo=");
}
/* Блок действия */
.contacts_section .contacts_action {
padding: 15px 44px 30px 44px;
}
.contacts_section .quest {
font-size: 18px;
font-weight: 700;
/* color: #0f172a; */
margin-bottom: 10px;
}
/* Кнопка */
.contacts_section .btn {
width: 100%;
height: 48px;
border: none;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
transition: background-color 0.3s ease;
}
.contacts_section .btn.black {
background-color: #09172e;
color: #ffffff;
}
.contacts_section .btn.black:hover {
background-color: #1e293b;
}
.contacts_section .btn i {}
/**********************
Футер
**********************/
/* Главный контейнер подвала */
footer {
padding: 20px;
color: #FFFFFFB2;
font-size: 15px;
}
/* Ограничивающий контейнер */
footer .container {}
/* Обертка для основного содержимого (информация и переключатели) */
footer .foot_wrap {
display: flex;
justify-content: space-between;
}
/* Общие стили для блоков с юридической информацией */
footer .yur_info {}
/* Конкретный первый блок юридической информации (ООО УК ТТС) */
footer .yur_info.info1 {}
/* Конкретный второй блок юридической информации (Москва, ул. Зорге) */
footer .yur_info.info2 {}
/* Ссылки-переключатели (Условия акций / Юридическая информация) */
footer .switch {
font-size: 15px;
color: #FFFFFFB2;
}
/* Специфичный класс для переключателя дисклеймера акций */
footer .disclamer_switch {
font-size: 15px;
color: #FFFFFFB2;
text-decoration: none;
}
/* Специфичный класс для переключателя юридической информации (в комментариях) */
footer .yurinfo_switch {}
/* Блок копирайта/разработчика (Сделано в Синоби) */
footer .sinoby {}
/* Ссылка на сайт разработчика внутри блока .sinoby */
footer .sinoby a {
color: #FFFFFFB2;
font-size: 15px;
text-decoration: none;
}
/* Скрытый блок дисклеймера условий акций */
footer .disclamer {
display: none;
}
/* Абзац текста внутри дисклеймера */
footer .disclamer p {}
/* Скрытый блок развернутой юридической информации */
footer .yurinfo {}
.sinoby-timer[data-sinoby-reserve="sinoby-1pie37"] {
display: block;
min-height: 89px;
}
.color-k50-1 { background-color: #b9b8bd; }
.color-k50-2 { background-color: #1d1c21; border: 1px solid #747474; }
.color-k50-3 { background-color: #213730; }
.color-k50-4 { background-color: #e7e7e6; }
.color-k40-1 { background-color: #f0f0f0; }
.color-k40-2 { background-color: #b3b4b7; }
.color-k40-3 { background-color: #abbbbf; }
.color-k40-4 { background-color: #8495b7; }
.color-k40-5 { background-color: #25262a; border: 1px solid #646464; }
.color-c50-1 { background-color: #dddee2; }
.color-c50-2 { background-color: #aab5ba; }
.color-c50-3 { background-color: #9da1a7; }
.color-c50-4 { background-color: #8c8d88; }
.color-c50-5 { background-color: #25262a; border: 1px solid #646464; }
.disclamer-text { white-space: pre-line; }
.alert { font-size: 20px; }