body {
   font-family: sans-serif;
}

a,
a:hover,
a:active,
a:visited {
   text-decoration: none;
}

a,
a:hover {
   color: var(--main-color);
}

a:hover {
   opacity: .8;
}

ol {
   padding-left: 1em;
   margin-top: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
   font-weight: 300;
   margin-bottom: .5em;
}

img {
   max-width: 100%;
}

.social-icon.social-icon-vk {
   background: #0077FF;
}

.social-icon.social-icon-ok {
   background: #ee8208;
}

.social-icon.social-icon-wa {
   background: #25D366;
}

.social-icon.social-icon-vb {
   background: #7360f2;
}

.header {
   padding: 15px 0;
}

.logo__brand {
   color: #000;
   font-weight: 700;
   font-size: 1.3em;
   line-height: 1.2em;
   display: block;
   margin-bottom: 5px;
}

.logo__slogan {
   font-size: .85em;
   opacity: .65;
   display: block;
   line-height: 1.45em;
}

.button {
   display: inline-block;
   font-weight: 700;
   text-transform: uppercase;
   font-size: .8em;
   letter-spacing: 1px;
   padding: 12px 20px;
   color: var(--main-color);
   border: 2px solid var(--main-color);
   background: transparent;
}

.button:hover {
   color: #fff;
   background: var(--main-color);
}

.menu {
   padding: 25px 0;
   background: var(--main-color);
}

.menu__links {
   flex-wrap: wrap;
   font-weight: 700;
   text-transform: uppercase;
   font-size: .9em;
   letter-spacing: 1px;
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
}

.menu a {
   display: block;
   margin-right: 25px;
   color: #fff;
}

.header .row {
   align-items: center;
}

.social-icon {
   height: 35px;
   width: 35px;
   border-radius: 50%;
   background: var(--section-background);
   display: block;
   text-align: center;
   line-height: 35px;
   font-size: 0;
}

.social-icon svg {
   fill: #fff;
   height: 15px;
   width: 15px;
   display: inline-block;
}

.header__social {
   display: flex;
   align-items: center;
   gap: 5px;
   margin-top: 8px;
}

.header__phone {
   display: block;
   font-weight: 700;
   color: #000;
   font-size: 1.5em;
   line-height: 1em;
}

.section {
   padding: 50px 0;
}

.light-bg {
   background: var(--section-background);
}

.text-columns {
   columns: 2;
}

.text-columns img {
   width: 100%;
   height: 300px;
   object-fit: cover;
   margin: 1em 0;
}

.feature {
   background: var(--section-background);
   padding: 25px;
}

.feature__title {
   font-size: 1.3em;
   display: block;
   margin-bottom: .5em;
}

.intro__cta {
   font-size: 24px;
   font-weight: 300;
   margin-bottom: 15px;
   display: block;
}

.steps__item {
   padding: 35px;
   background: var(--section-background);
   text-align: center;
}

.steps__number {
   height: 60px;
   width: 60px;
   text-align: center;
   line-height: 60px;
   font-size: 32px;
   font-weight: 700;
   background: var(--main-color);
   color: #fff;
   display: inline-block;
   margin-bottom: 20px;
}

.modal-body input {
   width: 100%;
   margin: 0 auto;
   margin-bottom: 1em;
   border: 2px solid #eaeaea;
   padding: .5em;
}

.modal-body button {
   width: 100%;
}

.steps__text {
   font-weight: 700;
   font-size: 1.2em;
   margin-bottom: 20px;
}

.steps__label {
   opacity: .5;
}

.table td,
.table th {
   padding: 10px 20px;
}

.table th {
   background: var(--section-background);
}

table.table {
   border: 2px solid var(--section-background);

   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
}

.intro img {
   width: 95%;
   height: 300px;
   object-fit: cover;
   display: block;
   margin-left: auto;
}

.complect {
   padding: 35px;
   background: var(--section-background);
}

.complect__title {
   margin-bottom: 20px;
}

.complect__list {
   padding: 0;
   list-style: none;
   margin: 0;
}

.complect__list li {
   position: relative;
   padding-left: 25px;
   margin: 10px 0;
}

.complect__list li:before {
   content: '+';
   width: 15px;
   height: 1px;
   font-size: 1.2em;
   font-weight: 700;
   color: var(--main-color);
   display: block;
   position: absolute;
   left: 0;
   line-height: 1.1em;
}

.equip {
   max-width: 240px;
   margin: 10px 0;
}

.equip__img {
   width: 100%;
   margin-bottom: 10px;
}

.row-padding {
   padding-bottom: 25px;
}

.empl {
   background: #fff;
}

.empl__photo {
   width: 100%;
   height: 350px;
   object-fit: cover;
   margin-bottom: 15px;
}

.empl__desc {
   margin-top: 15px;
}

.feedback {
   padding: 35px;
   background: var(--section-background);
   text-align: center;
}

.feedback label {
   text-align: left;
   font-weight: 400;
   color: rgb(0 0 0 / 40%);
}


.feedback input {
   border: 0;
   background: #fff;
   box-shadow: 2px 2px 5px rgb(0 0 0 / 5%);
   padding: 15px 25px;
   min-width: 260px;
   margin-right: 15px;
}

.page-title {
   margin-bottom: 35px;
}

.page-title:before {
   content: '# ';
   color: var(--main-color);
   opacity: .3;
   font-weight: 700;
}

.accordion-button:not(.collapsed) {
   /*	background: var(--main-color);*/
   /*	color: #fff;*/
   background: var(--section-background);
   color: var(--main-color);
   font-weight: 700;
}

.accordion button:focus {
   box-shadow: none;
}

.feedback__desc {
   max-width: 800px;
   margin: 0 auto;
   margin-bottom: 20px;
}

.footer__top {
   padding: 35px 0;
   background: var(--section-background);
}

.footer__bottom {
   background: #fff;
   padding: 25px 0;
}

.footer__links {
   margin-bottom: 15px;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-weight: 700;
   font-size: .85em;
   display: flex;
   justify-content: space-between;
}

.footer a {
   display: block;
}

.footer__links a {
   color: rgb(0 0 0 / 50%);
}

.footer__phone {
   color: #000;
   font-weight: 700;
}

@media (max-width: 1200px) {
   .logo__brand {
      font-size: 1.2em;
   }

   .menu a {
      letter-spacing: 0;
      margin-right: 10px;
   }

   .header__phone {
      font-size: 1.2em;
   }

   .equip {
      max-width: 215px;
   }

   .footer__links {
      flex-wrap: wrap;
      justify-content: center;
   }

   .footer__links a {
      margin: 5px;
   }

   .footer__bottom {
      text-align: center;
   }
}

@media (max-width: 992px) {
   .steps__text {
      font-size: 1em;
   }

   .steps__item {
      padding: 25px;
   }

   .empl__photo {
      height: 300px;
   }

   .header .button {
      margin-top: 10px;
   }

   .feature {
      margin-top: 20px;
   }

   .complect {
      margin-top: 20px;
   }

   .feedback input {
      min-width: 0;
      margin-right: 10px;
      max-width: 195px;
   }

   .description img {
      height: 300px;
      width: 100%;
      object-fit: cover;
   }
}

@media (max-width: 768px) {
   .steps__item {
      margin-bottom: 25px;
   }

   .text-columns {
      columns: 1;
   }

   .logo {
      margin-bottom: 15px;
   }

   .logo__slogan {
      font-size: 1em;
      display: block;
      margin-top: 5px;
   }

   .header__phone {
      margin-top: 15px;
   }

   .header__social {
      margin-bottom: 10px;
   }

   .menu__links li {
      width: 100%;
   }

   .menu a {
      margin: 8px 0;
      display: block;
   }

   .intro img {
      width: 100%;
      margin-top: 15px;
   }

   .feature {
      padding: 20px;
   }

   .feature__title {
      font-size: 1.5em;
      line-height: 1.4em;
   }

   .page-title {
      margin-bottom: 15px
   }

   .table td,
   .table th {
      padding: 8px;
   }

   .complect {
      padding: 20px;
   }

   .table {
      font-size: 14px;
   }

   #equipment .col-md-auto {
      flex-basis: 50%;
      padding-left: 5px;
      padding-right: 5px;
   }

   #equipment .row {
      margin-left: -5px;
      margin-right: -5px;
   }

   .empl__photo {
      margin-bottom: 0;
   }

   .accordion-button {
      padding: 15px;
   }

   .feedback {
      padding: 20px;
   }

   .feedback input {
      max-width: 100%;
      width: 100%;
      margin: 10px 0;
   }

   .feedback button {
      width: 100%;
      margin-top: 15px;
   }

   .footer__links {
      justify-content: flex-start;
   }

   .footer .col-md-4 {
      margin: 10px 0;
   }

   .equip {
      max-width: 100%;
      width: 100%;
      font-size: 14px;

   }

   .section {
      padding: 25px 0;
   }

   .menu {
      padding: 10px 0;
   }
}

/* block_links */
.block_links {
   display: flex;
   flex-direction: column;
   padding: 20px 0px;
   background-color: var(--section-background);
}

.block_links-wrapper {
   display: flex;
   gap: 40px;
   flex-wrap: wrap;
}

/* block_links END */