@font-face {
  font-family: avenirBlack;
  src: url(../fonts/avenir-black-webfont.woff);
}

@font-face {
  font-family: avenir;
  src: url(../fonts/avenir-light-webfont.woff);
}

body {
  background: #ffffff;
  font-family: "avenir";
  color: #000;
  font-weight: 600;
}

.head {
  font-family: "avenirBlack";
}

/*CSS Reset*/
button:focus {
  outline: none;
}

.btn-local {
  border: 1px solid #000;
  border-radius: 20px;
  color: #000;
  font-weight: 600;
  padding-left: 20px;
  padding-right: 20px;
}

/*header*/
.logo {
  width: 130px;
  height: 65px;
}

.navbar-toggler {
  background: #37983e;
}

.navbar-toggler-icon {
  background-image: url(../img/nav_toggle.svg);
}

.nav-link {
  color: #000000;
  font-weight: bold;
}

.nav-link:focus,
.nav-link:hover {
  color: #37983e;
}

.mainbody {
  background-image: url("../img/Header.png");
  height: 780px;
  background-size: cover;
  background-repeat: no-repeat;
}

.about-us {
  margin-top: 20%;
  margin-left: 5%;
  width: 50%;
  padding: 40px;
}

.text-overlap {
  position: absolute;
  background-color: #f8f8f8;
  padding: 40px;
  border-radius: 25px;
  box-shadow: 0 0 3px #e9e8e8;
  margin-left: 16px;
  margin-top: 8%;
  width: 40%;
  z-index: 999;
}

.text-overlap-right {
  position: absolute;
  right: 0;
  background-color: #f8f8f8;
  padding: 40px;
  border-radius: 25px;
  box-shadow: 0 0 3px #e9e8e8;
  margin-right: 20px;
  margin-top: 7%;
  width: 40%;
  z-index: 999;
}

.quality-txt {
  margin-left: 3%;
  margin-top: 5%;
  padding: 40px;
}

.data-container {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 6%;
}

.contact-box {
  background: #f0f2f3;
  height: 40%;
  padding: 40px;
  margin-top: 7%;
  width: 50%;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.contact-form {
  background-color: #f8f8f8;
  box-shadow: 0 0 3px #e9e8e8;
  padding: 40px;
  height: 400px;
  width: 50%;
}

.form-control,
.form-control:focus {
  border: none;
  background: #0000;
  border-bottom: 1px solid #b4b4b4;
  border-radius: 0px;
  box-shadow: none;
}

.btn-div {
  display: flex;
  justify-content: center;
}

.fx-carousel-slider {
  float: right;
  width: 60%;
}
.fx-carousel-slider-left {
  float: left;
  width: 60%;
  margin-left: 20px;
}

.fx-carousel-img {
  width: 850px;
  height: 470px;
}

.certLnk {
  color: #007bff;
}

.certLnk:hover {
  cursor: pointer;
}

.text-frex {
  color: #cf142b;
}

/*media query*/
@media (min-width: 768px) {
  .navbar {
    padding-top: 20px;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (max-width: 600px) {
  .text-overlap,.text-overlap-right {
      height: 12% !important;
  }
}

