* {
  color: #000;
}

.heder-num {
  float: right;
}

.navbar .navbar-brand {
  margin-right: 30px;
}
.navbar .nav-item .nav-link {
  color: #fff !important;
  text-transform: uppercase;
}
.navbar .nav-link.heder-num {
  color: #ff3b24 !important;
  font-weight: 600;
}

.bg-primary {
  height: 80vh;
  background-image: url("imgs/bg1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  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;
}
.bg-primary p {
  text-transform: uppercase;
  color: #fff;
}
.bg-primary h1 {
  font-size: 62px;
  margin: 50px auto;
}
.bg-primary .primary-button {
  color: #ffffff;
  background-color: #ff3b24;
  height: 60px;
  font-size: 16px;
  padding-left: 60px;
  padding-right: 60px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  text-align: center;
  display: inline-block;
  padding-top: 15px;
}
.bg-primary .primary-button:hover {
  text-decoration: none;
}

.container h2 {
  font-size: 36px;
  margin-top: 25px;
  margin-bottom: 70px;
  position: relative;
}
.container h2::before {
  content: "";
  position: absolute;
  background-color: #ff3b24;
  width: 97px;
  height: 8px;
  bottom: -13px;
}

.first-block img {
  display: block;
  margin-bottom: 20px;
}

.about-part {
  margin-bottom: 80px;
}
.about-part img {
  width: 100%;
}

.advantages .container {
  padding-top: 80px;
  padding-bottom: 80px;
}
.advantages .container .col-md-4 {
  margin-bottom: 30px;
}
.advantages .container .col-md-4 h3 {
  font-size: 18px;
}
.advantages .container .col-md-4 h3 img {
  display: inline-block;
  margin-right: 20px;
}
.advantages .container .col-md-4 p {
  font-size: 14px;
}

.offices {
  margin-top: 80px;
  margin-bottom: 80px;
}
.offices h2 + p {
  max-width: 325px;
  font-size: 14px;
  margin-bottom: 60px;
}
.offices .col-md-9 p {
  margin-bottom: 7px;
}
.offices .col-md-9 h4 {
  font-size: 16px;
  color: #ff3b24;
  text-align: left;
}
.offices .col-md-9 a {
  color: #ffffff;
  background-color: #ff3b24;
  height: 60px;
  font-size: 16px;
  width: 200px;
  text-align: center;
  display: inline-block;
  padding-top: 15px;
}
.offices .col-md-9 a:hover {
  text-decoration: none;
}
.offices .col-md-3 img {
  max-width: 260px;
  height: auto;
}

.tarif .container {
  padding-top: 80px;
  padding-bottom: 80px;
}
.tarif .container .tarif-outer {
  background-color: #fff;
}
.tarif .container .tarif-outer h3 {
  background-color: #ff9b90;
  text-align: center;
  padding: 16px;
}
.tarif .container .tarif-outer h4 {
  text-align: center;
  color: #ff3b24;
  padding: 16px 16px 0;
}
.tarif .container .tarif-outer ul {
  list-style: none;
  padding-left: 0;
  padding: 16px;
}
.tarif .container .tarif-outer ul li {
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 8px;
  padding: 8px 0;
}
.tarif .container .tarif-outer a {
  color: #ffffff;
  background-color: #ff3b24;
  height: 60px;
  font-size: 16px;
  width: 100%;
  text-align: center;
  display: inline-block;
  padding-top: 15px;
}
.tarif .container .tarif-outer a:hover {
  text-decoration: none;
}

footer * {
  color: #fff;
  text-align: left;
}
footer .col-md-6 .cont-inf {
  font-size: 39px;
}
footer .col-md-6 .cont-inf a {
  color: #fff;
}
footer .col-md-6 .cont-inf span {
  color: #ff3b24;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
footer .copyright {
  color: #fff;
  text-align: center;
  margin-top: 40px;
}
footer img {
  max-width: 440px;
  display: block;
  margin-top: 25px;
}
footer .oferta {
  text-align: right;
}
footer .oferta a {
  color: #fff;
}

@media (min-width: 992px) {
  .navbar-expand-lg > .container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  nav.navbar-expand-lg .navbar-collapse {
    display: block !important;
  }
  nav.navbar-expand-lg .navbar-collapse .navbar-nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  nav.navbar-expand-lg .col-md-3 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media (max-width: 767.9px) {
  header {
    height: 500px !important;
  }
  .bg-primary p {
    font-size: 31px;
  }
  .tarif .col-md-4 {
    margin-bottom: 30px;
  }
  iframe {
    width: 100% !important;
  }
  footer .oferta {
    text-align: center;
  }
}