body .product_icon img {
  width: 100px;
  height: 100px;
  background-color: #fff;
  color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  margin-top: -60px;
  margin-left: -50px;
  top: 0;
  left: 50%;
}

body .product_icon:hover img {
  opacity: 0.6;
  -webkit-transition: opacity 75ms linear;
  transition: opacity 75ms linear;
}

.section-banner img {
  margin-top: -80px !important;
}

.row-product {
  padding-left: 45px;
}

figure img {
  min-height: 250px;
  max-height: 250px;
}

.centered p {
  color: white;
}

.ourproduct {
  padding: 105px 80px 105px 80px;
  background-color: #e0ece4;
}

.btn-download {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold;
}

.section-banner {
  position: relative;
  text-align: center;
}

.section-banner img {
  width: 100%;
  height: 500px;
}

.section-banner .centered {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.section-banner h1 {
  color: #fff;
  font-weight: bold;
  font-size: 80px;
  margin-top: 50px;
}

.modal-product .modal-body img {
  width: 100%;
  max-width: 300px;
  max-height: 300px;
  margin-left: 60px;
}

.modal-product .modal-body .bundling {
  max-width: 650px !important;
  max-height: 400px !important;
  margin-left: 110px;
}

.modal-product .modal-body a {
  margin-top: 10px;
  margin-left: 43%;
}

.modal-product-interlock .modal-body img {
  width: 100%;
  max-width: 300px;
  max-height: 300px;
  margin-left: 90px;
}

.modal-product-interlock .modal-body a {
  margin-top: 10px;
  margin-left: 40%;
}

@media (min-width: 581px) {
  .modal-product {
    max-width: 1000px !important;
  }
  .modal-product-interlock {
    max-width: 600px !important;
  }
  .our-services .product-3 {
    padding-top: 20px;
  }
}

@media (max-width: 580px) {
  .navbar {
    padding-left: 16px !important;
  }
  .modal-body {
    padding-top: 0px;
  }
  .modal-body img {
    width: 100%;
    max-width: 360px !important;
    max-height: 200px;
    margin-left: 0px !important;
  }
  .modal-body a {
    margin-left: 34% !important;
  }
  .modal-body .bundling {
    max-height: 250px !important;
  }
  .section-banner img {
    margin-top: 0px !important;
  }
  .row {
    padding-left: 0;
  }
  .centered p {
    color: white;
  }
  .our-services {
    padding-top: 30px !important;
    padding-bottom: 0px !important;
  }
  .our-services .container .row {
    margin-top: -50px;
  }
  .our-product {
    padding: 60px 0 60px 0px;
    background-color: #e0ece4;
  }
  .our-product .bg-aside {
    width: 100%;
    padding: 0;
    margin: -60px 0 60px 0;
    background-color: #ff8c0020;
  }
  .our-product .bg-aside .aside {
    padding: 10px 0 0 15px;
  }
  .our-product .bg-aside .aside h4 {
    margin-bottom: 10px;
  }
  .our-product .bg-aside .aside a {
    font-size: 18px;
  }
  .our-product .content-product {
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
  }
  .our-product .content-product .row {
    padding: 0 !important;
    margin: 0 !important;
  }
  .btn-download {
    margin-top: 20px;
    font-size: 13px;
    font-weight: bold;
  }
  .section-banner img {
    height: 400px;
  }
  .section-banner h1 {
    font-size: 55px;
  }
  .section-banner .centered {
    top: 50%;
  }
}
/*# sourceMappingURL=ourproduct.css.map */