:root {
   --sib-color-1: #D9D9D9;
   --sib-color-2: #F4F4F4;
   --sib-color-3: #484848;
   --sib-color-4: #FF5F1E;
   --sib-color-5: #222222;
   --sib-color-6: #BEBEBE;
}

.sib-cover {
   width: 100%;
   background: url('/images_sib/cover.png') no-repeat center center;
   background-size: cover;
   aspect-ratio: 16 / 9;
   position: relative;
   max-height: 600px;
   color: var(--sib-color-2);
   font-family: 'Roboto-Bold';
}

.sib-cover-content {
   position: absolute;
   top: 55%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 100%;
   margin-left: 20%;
   min-width: 0;
}

.sib-cover-content h1 {
   font-size: clamp(28px, 10vw, 94px);
   margin-bottom: 10px;
   text-transform: uppercase;
   letter-spacing: 5px;
}

.sib-cover-content h2 {
   font-size: clamp(20px, 4vw, 32px);
   margin-bottom: 40px;
   text-transform: uppercase;
   letter-spacing: 5px;
}

.sib-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   height: 70px;
   padding: 30px;
   color: var(--sib-color-2);
   text-transform: uppercase;
   font-size: 20px;
   font-family: 'Roboto-Medium';
   background-color: var(--sib-color-4);
}

.sib-blk-1 {
   position: absolute;
   top: 50%;
   left: 25%;
   transform: translate(-25%, -50%);
   width: 100%;
   max-width: 280px;
}

.sib-blk-1__group--1 {
   color: var(--sib-color-2);
   border-top: solid 10px var(--sib-color-2);
   border-bottom: solid 10px var(--sib-color-2);
   border-left: solid 10px var(--sib-color-2);
   padding: 30px 50px 30px 30px;
}

.sib-blk-1__year {
   font-family: 'Roboto-Bold';
   font-size: 64px;
}

.sib-blk-1__year span {
   font-family: 'Roboto-Medium';
   font-size: 40px;
   padding-left: 5px;
}

.sib-blk-1__text {
   font-family: 'Roboto-Medium';
   font-size: 20px;
}

.sib-title {
   font-family: 'Roboto-Bold';
   font-size: clamp(36px, 4vw, 64px);
   text-transform: uppercase;
   margin-bottom: 60px;
   padding: 0 15px;
}

.sib-title.sib-title_1 {
   text-transform: lowercase;
   margin-bottom: unset;
}

.sib-title.sib-title_1::first-letter {
   text-transform: uppercase;
}

.sib-about__desc {
   margin-bottom: 40px;
   font-size: 18px;
}

.sib-about__col_l {
   max-height: 430px;
   min-height: 320px;
   width: 45%;
   flex-shrink: 0;
}

.sib-about__col_r {
   width: 55%;
}

.sib-about__col_l {
   background: url('/images_sib/pic_about.png') no-repeat center center;
   background-size: cover;
   aspect-ratio: 16 / 9;
   position: relative;

}

.sib-about {
   display: flex;
   gap: 40px;
   margin-top: 60px;
   margin-bottom: 60px;
}

.div-sib-services {
   background-color: var(--sib-color-5);
   padding: 60px 20px;
}

.div-sib-services[data-sec="service"] {
   background-color: unset;
}

.sib-services {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 40px;
}

.sib-service {
   display: flex;
   align-items: flex-start;
   width: 620px;
   /* height: 217px; */
   gap: 40px;
}

.sib-service__title {
   font-family: 'Roboto-Bold';
   font-size: 20px;
   color: var(--sib-color-2);
   margin-bottom: 10px;
}

.sib-service__subtitle {
   font-family: 'Roboto-Medium';
   font-size: 18px;
   color: var(--sib-color-4);
   margin-bottom: 40px;
}

[data-sec="service"] .sib-service__title,
[data-sec="service"] .sib-service__subtitle {
   color: var(--sib-color-5);
}

.sib-service__col {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width: 50%;
}

.sib-service__col_l img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.sib-service__btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 15px 30px;
   color: var(--sib-color-2);
   text-transform: uppercase;
   font-size: 18px;
   font-family: 'Roboto-Medium';
   background-color: var(--sib-color-4);
}

.sib-blk-2 {
   max-width: 900px;
   padding: 60px 20px;
   margin: auto;
   color: var(--sib-color-5);
}

.sib-blk-2__group {
   margin-bottom: 40px;
}

.sib-blk-2__group:last-child {
   margin-bottom: unset;
}

.sib-blk-2__title {
   font-family: 'Roboto-Medium';
   font-size: clamp(28px, 5vw, 36px);
   margin-bottom: 30px;
}

.sib-blk-2__desc p {
   font-size: 16px;
   margin-bottom: 10px;
}

.sib-blk-2__desc p:last-child {
   margin-bottom: unset;
}

.sib-nav {
   display: flex;
   flex-wrap: wrap;
   gap: 20px;
}

.sib-nav a {
   display: flex;
   align-items: center;
   height: fit-content;
   padding: 10px;
   color: var(--sib-color-2);
   font-size: 18px;
}

.site-popupmenu .sib-nav a {
   color: var(--sib-color-5);
   font-size: 22px;
}

.sib-group-2__title {
   font-size: 18px;
   color: var(--sib-color-4);
   margin-bottom: 10px;
}

.sib-group-2__content {
   font-size: 17px;
   color: var(--sib-color-2);
}

.div-sib-logo {
   background-color: var(--sib-color-6);
   width:min-content;
}

.div-sib-footer {
   padding: 40px 20px;
   background-color: var(--sib-color-5);
}

.sib-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.div-sib-group-2 {
   display: flex;
   gap: 40px;
}

.sib-copy-right {
   font-size: 14px;
   color: var(--sib-color-1);
   margin-top: 20px;
}

.copy-right.copy-right_s {
   display: none;
}

.sib-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 30px;
   margin-top: 30px;
}

.sib-header__location,
.sib-header__time {
   display: flex;
   gap: 20px;
}

.sib-header__location img,
.sib-header__time img {
   height: 36px;
   width: auto;
}

.sib-header address {
   font-style: normal;
   text-transform: uppercase;
}

.sib-header__location div:first-child {
   font-family: 'Roboto-Bold';
   font-size: 20px;
   margin-bottom: 5px;
}

.sib-header__location div:last-child,
.sib-header__time {
   font-size: 16px;
}

.sib-header__location,
.sib-header__time {
   display: flex;
   align-items: center;
}

.b-burger {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   width: 52px;
   height: 52px;
   cursor: pointer;
   background-color: var(--sib-color-4);
}

.b-burger span {
   display: block;
   margin: 3px 0;
   height: 4px;
   background-color: white;
   border-radius: 4px;
   width: 70%;
}

.sib-div-burger {
   display: flex;
   justify-content: flex-end;
   padding: 15px 20px;
   background-color: var(--sib-color-5);
   margin-bottom: 20px;
   display: none;
}

.sib-blk-3 {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 40px;
   margin-top: 20px;
   z-index: 1;
   position: relative;
}

.sib-blk-3__nav, .sib-blk-3__btn {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 96px;
   width: 50%;
}

.sib-blk-3__nav {
   background-color: var(--sib-color-5);
}

.sib-blk-3__btn {
   background-color: var(--sib-color-4);
}

.sib-btn.sib-btn_blk-3 {
   width: 100%;
}

[data-sec="main"] .site-main {
   position: relative;
   top: -60px;
}

.sib-group-3 {
   display: flex;
   flex-direction: column;
   gap: 40px;
   align-items: center;
   margin-top: 40px;
}

.div-sib-title {
   padding-top: 20px;
}

.sib-p-service {
   max-width: 900px;
   padding: 60px 20px 20px;
   margin: auto;
}

.sib-p-service.sib-p-service_catalog  {
   padding-top: unset;
}

.sib-p-service__title {
   font-family: 'Roboto-Medium';
   font-size: 36px;
   margin-bottom: 20px;
}

.sib-p-service__title:first-letter {
   text-transform: uppercase;
}

.sib-p-service__content p {
   font-size: 16px;
   margin-bottom: 10px;
}

.sib-form-calc {
   display: flex;
   flex-direction: column;
   gap: 10px;
   margin: auto;
}

.sib-form-calc input {
   width: 100%;
   padding: 10px;
   font-size: 16px;
   height: 50px;
   border: none;
   background-color: var(--sib-color-2);
}

.sib-form-calc__group {
   display: flex;
   gap: 10px;
}

.sib-form-calc__btn {
   display: inline-flex;
   justify-content: center;
   margin-top: 20px;
}

.sib-form-calc__btn-submit {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   height: 60px;
   width: 305px;
   color: var(--sib-color-2);
   text-transform: uppercase;
   font-size: 18px;
   font-family: 'Roboto-Medium';
   background-color: var(--sib-color-4);
   border: none;
   letter-spacing: 1px;
}

.sib-vykup-avto {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   gap: 40px;
   margin-bottom: 40px;
}

.sib-vykup-avto__img img {
   width: 100%;
   height: 100%;
   max-height: 330px;
   object-fit: cover;
}

.sib-vykup-avto__img,
.sib-vykup-avto__form {
   width: 50%;
   max-width: 600px;
}

.sib-vykup-avto__form {
   border: solid 1px var(--sib-color-3);
   padding: 20px
}

.sib-form-calc__title {
   font-family: 'Roboto-Medium';
   font-size: 26px;
   margin-bottom: 20px;
}

.sib-vykup-avto__text {
   font-family: 'Roboto-Light';
   font-size: 18px;
   margin-top: 20px;
}

.sib-p-service b {
   font-weight: 600;
   font-size: 18px;
   margin: 10px 0;
}

.sib-p-service__btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   height: 60px;
   padding-left: 30px;
   padding-right: 30px;
   color: var(--sib-color-2);
   text-transform: uppercase;
   font-size: 18px;
   font-family: 'Roboto-Medium';
   background-color: var(--sib-color-4);
}

.div-sib-p-service__btn {
   display: flex;
   justify-content: center;
   margin-top: 60px;
   margin-bottom: 40px;
}

.avto-kredit-form {
   max-width: 686px;
   padding: 20px;
   border: solid 1px var(--sib-color-3);
   margin: 0 auto 60px auto;
}

.sib-contacts {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   gap: 60px;
   margin-top: 120px;
}

.sib-contacts__title {
   font-family: 'Roboto-Medium';
   font-size: 36px;
   margin-bottom: 20px;
}

.sib-contacts__col-map {
   max-width: 570px;
}

.sib-contacts__col-map img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.sib-contacts-copyright .sib-copy-right {
   color: var(--sib-color-5);
   text-align: center;
}

.sib-contacts .sib-group-2__title {
   font-family: 'Roboto-Medium';
   font-size: 18px;
}

.sib-contacts .sib-group-2__title,
.sib-contacts .sib-group-2__content {
   color: var(--sib-color-5);
}

.sib-contacts__col:first-child {
   flex-shrink: 0;
}