body {
  font-family: 'Roboto', sans-serif;
  color: #333; }

@font-face {
  font-family: 'FuturaDemiC';
  src: url("../fonts/FuturaDemiC.woff") format("woff"); }

h1, h2, h3, h4, h5, h6 {
  font-family: 'FuturaDemiC'; }

.logo {
  height: 42px; }

.navbar {
  position: fixed;
  width: 100%;
  z-index: 1000;
  color: #ffffff;
  background-color: rgba(41, 41, 41, 0.96); }
  .navbar a {
    color: #ffffff; }
  .navbar-nav {
    margin: 0 auto; }
    .navbar-nav .nav-link {
      font-family: 'FuturaDemiC';
      font-size: 1.05rem;
      padding-right: 0.8rem !important;
      padding-left: 0.8rem !important; }
  .navbar .phone {
    padding: 10px 0; }
    .navbar .phone__link {
      font-family: 'FuturaDemiC';
      text-decoration: none; }
  .navbar-toggler {
    height: 50px;
    width: 50px;
    position: relative;
    background-color: transparent;
    border: none;
    z-index: 1000; }
    .navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after {
      position: absolute;
      background-color: #ffffff;
      top: 50%;
      margin-top: -1px;
      left: 50%;
      margin-left: -10px;
      height: 2px;
      width: 20px; }
    .navbar-toggler-icon::before, .navbar-toggler-icon::after {
      content: '';
      transition: 0.2s; }
    .navbar-toggler-icon::before {
      transform: translateY(-5px); }
    .navbar-toggler-icon::after {
      transform: translateY(5px); }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
      height: 0; }
      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
        transform: rotate(-45deg); }
      .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
        transform: rotate(45deg); }
  @media (max-width: 991px) {
    .navbar .navbar-nav {
      margin: 10px 0 0 0; } }

.home {
  padding: 160px 0 60px 0;
  background: #F9F9F9; }
  .home .container {
    text-align: center; }
  .home__title {
    line-height: 1; }
  .home__description {
    margin: 1rem auto 2rem; }
  .home__form {
    display: flex;
    align-items: center;
    justify-content: center; }
    .home__form .form-group {
      margin: 0 8px 0 0; }
    .home__form .form-control {
      background-color: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(0, 0, 0, 0.05); }
    .home__form .btn {
      background-color: rgba(51, 153, 51, 0.9);
      color: #ffffff; }
  @media (max-width: 767px) {
    .home {
      padding: 100px 0 50px 0; }
      .home__form {
        flex-direction: column;
        max-width: 250px;
        margin: 0 auto; }
        .home__form .form-group {
          margin: 0 0 8px 0;
          width: 100%; }
        .home__form .btn {
          width: 100%; } }

.slider {
  margin: 0 0 0 32px; }
  .slider__img {
    width: 100%; }
  @media (max-width: 991px) {
    .slider {
      margin: 32px auto 0 auto;
      max-width: 420px; } }
  @media (max-width: 500px) {
    .slider {
      margin: 32px 16px 0 16px; } }

.slick-arrow::before {
  color: rgba(41, 41, 41, 0.96);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px; }

.slick-slide {
  outline: none; }

.slick-prev::before {
  content: "\f060"; }

.slick-next::before {
  content: "\f061"; }

.users {
  padding: 64px 0;
  background-color: #F1F1F1; }
  .users__title {
    text-align: center; }
  .users__description {
    color: #5c5c5c;
    text-align: center; }
  .users__item {
    text-align: center;
    margin: 24px 0; }
  .users object {
    height: 100px; }
  .users__name {
    margin: 8px 0 0 0; }

.advantages {
  padding: 64px 0; }
  .advantages__title {
    text-align: center; }
  .advantages__subtitle {
    text-align: center; }
  .advantages__text {
    text-align: center; }
  .advantages__img {
    max-width: 128px;
    width: 100%;
    margin: 0 auto;
    display: block; }

.clients {
  padding: 32px 0; }
  .clients__title {
    text-align: center; }
  .clients__list {
    margin: 0 auto 1rem auto;
    max-width: 230px; }

.warranty {
  padding: 64px 0; }
  .warranty__title {
    text-align: center; }
  .warranty__description {
    text-align: center;
    max-width: 500px;
    margin: 0 auto 1rem auto; }
  .warranty__item {
    text-align: center;
    margin: 24px 0; }
  .warranty object {
    height: 100px; }
  .warranty__name {
    margin: 8px 0 0 0; }

.map {
  padding: 0 0 64px 0; }
  .map__title {
    text-align: center;
    margin: 0 0 1rem 0; }
  .map__form {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 320px;
    margin: auto auto auto 64px;
    padding: 64px 0; }
    .map__form .form-group {
      margin: 0 0 8px 0; }
    .map__form .btn {
      background-color: #538FF4;
      color: #ffffff; }
  .map__wrapper {
    position: relative;
    width: min-content;
    margin: auto 64px auto auto; }
    .map__wrapper iframe {
      position: absolute;
      left: 3.2%;
      top: 11.1%;
      width: 91%;
      height: 77.5%; }
    .map__wrapper img {
      width: 100vw;
      max-width: 240px; }
  @media (max-width: 991px) {
    .map__form {
      margin: auto; }
    .map__wrapper {
      margin: auto; } }

.footer {
  color: #ffffff;
  background-color: #333333;
  padding: 32px 0; }
  .footer .container {
    display: flex;
    align-items: center; }
  .footer__flaticon {
    font-size: 11px;
    margin: 1rem 0 0 0;
    font-family: 'FuturaDemiC'; }
    .footer__flaticon a {
      color: #ffffff; }
  @media (max-width: 575px) {
    .footer .container {
      flex-direction: column; } }

.social {
  margin: 0 0 0 auto; }
  .social__link {
    font-size: 32px;
    color: #ffffff;
    margin: 0 4px; }
    .social__link:hover {
      color: rgba(51, 153, 51, 0.9); }
  @media (max-width: 575px) {
    .social {
      margin: 12px 0 0 0; } }

.address {
  display: flex;
  align-items: center; }
  .address__img {
    max-width: 64px;
    width: 100%;
    margin: 0 8px 0 0; }
  .address__name {
    margin: 0;
    font-size: 22px; }
  .address__text {
    font-size: 15px; }
  @media (max-width: 575px) {
    .address__img {
      max-width: 44px;
      margin: 0 8px 0 0; }
    .address__name {
      font-size: 18px; }
    .address__text {
      font-size: 14px; } }

.copyright {
  margin: 16px 0 0 0;
  font-family: 'FuturaDemiC'; }
  @media (max-width: 575px) {
    .copyright {
      font-size: 15px; } }